#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: