色見本
RGB
CMYK
RYB
#6b89b9十六進の色コード十六進の色コード#6b89b9シアン青色の色合いです。光の三原色RGBにおいて色モデル#6b89b9は41.96%の赤色、53.73%の绿色、72.55%の青色でできている。HSLで色彩空間#6b89b9は216.92度の色調、35.78%の彩度、57.25%の明るさを有している。この色は約483 nmの波長である。ICI Paints 4215 Merry Mauve 61BB 28/291はペイントカラーに調和している。
#6b89b9情報反転
#947646 25% 飽和度
#6186c2 濃淡階調
#929292
25% 明るく
#9cb0d0 オリジナル
#6b89b9 25% 暗く
#466494
スチールブルー／steelblue
#4682b4 25% 不飽和度
#748baf ウェブセーフ：fuchsia
#ff00ff
rgb(107, 137, 185)
rgba(107, 137, 185, 1.0)
赤色：41.9608%、黄色：50.4575%、青色：72.549%
#6b89b9
7047609
-9729607 / 0xff6b89b9
hsl(217, 36%, 57%)
hsla(217, 36%, 57%, 1.0)
色調：217（216.9231）、彩度：42（42.1622）、値：73（72.549）
X：23.766、Y：24.5199、Z：49.3792
x：0.2433、y：0.2511、Y：24.5199
L：56.6046、a：2.0482、b：-28.4786
L：56.6046、u：-15.9667、v：-43.7437
L：56.6046、C：28.5521、H：274.1137
L：49.5176、a：-0.9845、b：-24.462
シアン色：42（0.4216）、マゼンタ色：26（0.2595）、黄色：0（0）、黒色：27（0.2745）
シアン色：58（0.5804）、マゼンタ色：46（0.4627）、黄色：27（0.2745）
Y：133.502、I：-33.2921、Q：8.5908
Y：133.502、U：25.3433、V：-23.2505
Y：133.502、Db：77.484、Dr：50.406
Y：130.677、Cb：153.512、Cr：111.422
Y：134.066、Pb：27.45、Pr：-17.208
2.5PB 5/6近似、完全一致：Munsell 2.5PB 5/6 / #597daa
#6b89b9配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#6b89b9黒まで#6b89b9白まで#6b89b9前景
<p style="color: #6b89b9; background-color: #000">#6b89b9前景</p>
#6b89b9背景
<p style="background-color: #6b89b9">#6b89b9背景</p>
#6b89b9境界
<p style="border: #6b89b9 3px solid">#6b89b9境界</p>
#6b89b9放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #6b89b9, #fff); background: -webkit-radial-gradient(50% 50%, #6b89b9, #fff); background: -o-radial-gradient(50% 50%, #6b89b9, #fff); background: -ms-radial-gradient(50% 50%, #6b89b9, #fff); background: radial-gradient(50% 50%, #6b89b9, #fff)">#6b89b9放射状グラデーション</p>
#6b89b9を補足するための#b99b6a線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #6b89b9, #b99b6a); background: -webkit-linear-gradient(top, #6b89b9, #b99b6a); background: -o-linear-gradient(top, #6b89b9, #b99b6a); background: -ms-linear-gradient(top, #6b89b9, #b99b6a); background: linear-gradient(top, #6b89b9, #b99b6a); color: #000">#6b89b9を補足するための#b99b6a線上グラデーション</p>
#6b89b9テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #6b89b9">#6b89b9テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#6b89b9に関連している順番で並べらられている。関連は、十六進法の色#6b89b9の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：