色見本
RGB
CMYK
RYB
#809dbb十六進の色コード十六進の色コード#809dbbシアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#809dbbは50.2%の赤色、61.57%の绿色、73.33%の青色でできている。HSLで色彩空間#809dbbは210.51度の色調、30.26%の彩度、61.76%の明るさを有している。この色は約487 nmの波長である。Colortrend Poolはペイントカラーに調和している。
#809dbb情報反転
#7f6244 25% 飽和度
#789cc2 濃淡階調
#9d9d9d
25% 明るく
#b3c4d6 オリジナル
#809dbb 25% 暗く
#527599
lightslategray／lightslategrey
#778899 25% 不飽和度
#879db3 ウェブセーフ：gray
#808080
rgb(128, 157, 187)
rgba(128, 157, 187, 1.0)
赤色：50.1961%、黄色：57.8209%、青色：73.3333%
#809dbb
8428987
-8348229 / 0xff809dbb
hsl(211, 30%, 62%)
hsla(211, 30%, 62%, 1.0)
色調：211（210.5085）、彩度：32（31.5508）、値：73（73.3333）
X：29.9287、Y：32.291、Z：51.6691
x：0.2628、y：0.2835、Y：32.291
L：63.5827、a：-2.8662、b：-18.7869
L：63.5827、u：-15.6837、v：-28.2057
L：63.5827、C：19.0043、H：261.3257
L：56.8252、a：-5.4316、b：-14.1327
シアン色：32（0.3155）、マゼンタ色：16（0.1604）、黄色：0（0）、黒色：27（0.2667）
シアン色：50（0.498）、マゼンタ色：38（0.3843）、黄色：27（0.2667）
Y：151.749、I：-26.9137、Q：3.2018
Y：151.749、U：17.3483、V：-20.8353
Y：151.749、Db：53.04、Dr：45.167
Y：146.35、Cb：145.462、Cr：113.139
Y：152.983、Pb：18.335、Pr：-15.88
10B 6/4近似、完全一致：Munsell 10B 6/4 / #7c97b4
#809dbb配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#809dbb黒まで#809dbb白まで#809dbb前景
<p style="color: #809dbb; background-color: #000">#809dbb前景</p>
#809dbb背景
<p style="background-color: #809dbb">#809dbb背景</p>
#809dbb境界
<p style="border: #809dbb 3px solid">#809dbb境界</p>
#809dbb放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #809dbb, #fff); background: -webkit-radial-gradient(50% 50%, #809dbb, #fff); background: -o-radial-gradient(50% 50%, #809dbb, #fff); background: -ms-radial-gradient(50% 50%, #809dbb, #fff); background: radial-gradient(50% 50%, #809dbb, #fff)">#809dbb放射状グラデーション</p>
#809dbbを補足するための#bb9e80線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #809dbb, #bb9e80); background: -webkit-linear-gradient(top, #809dbb, #bb9e80); background: -o-linear-gradient(top, #809dbb, #bb9e80); background: -ms-linear-gradient(top, #809dbb, #bb9e80); background: linear-gradient(top, #809dbb, #bb9e80); color: #000">#809dbbを補足するための#bb9e80線上グラデーション</p>
#809dbbテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #809dbb">#809dbbテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#809dbbに関連している順番で並べらられている。関連は、十六進法の色#809dbbの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：