#6d98a8
十六進の色コード十六進の色コード#6d98a8
シアン色の色合いです。光の三原色RGBにおいて色モデル#6d98a8
は42.75%の赤色、59.61%の绿色、65.88%の青色でできている。HSLで色彩空間#6d98a8
は196.27度の色調、25.32%の彩度、54.31%の明るさを有している。この色は約496 nmの波長である。Glidden Blue Jayはペイントカラーに調和している。
#6d98a8
情報反転
#926757 25% 飽和度
#659baf 濃淡階調
#8a8a8a
rgb(109, 152, 168)
rgba(109, 152, 168, 1.0)
赤色:42.7451%、黄色:52.499%、青色:65.8824%
#6d98a8
7182504
-9594712 / 0xff6d98a8
hsl(196, 25%, 54%)
hsla(196, 25%, 54%, 1.0)
色調:196(196.2712)、彩度:35(35.119)、値:66(65.8824)
X:24.6028、Y:28.5348、Z:41.2569
x:0.2606、y:0.3023、Y:28.5348
L:60.3689、a:-10.5227、b:-13.054
L:60.3689、u:-21.2714、v:-17.8821
L:60.3689、C:16.7671、H:231.1279
L:53.418、a:-11.2696、b:-8.3994
シアン色:35(0.3512)、マゼンタ色:10(0.0952)、黄色:0(0)、黒色:34(0.3412)
シアン色:57(0.5725)、マゼンタ色:40(0.4039)、黄色:34(0.3412)
Y:140.967、I:-30.756、Q:-4.1144
Y:140.967、U:13.3041、V:-28.0452
Y:140.967、Db:40.678、Dr:60.791
Y:137.085、Cb:141.388、Cr:107.987
Y:143.993、Pb:12.945、Pr:-22.236
2.5B 6/4近似、完全一致:Munsell 2.5B 6/4 / #6c9cad
#6d98a8
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#6d98a8
黒まで#6d98a8
白まで#6d98a8
前景
<p style="color: #6d98a8; background-color: #000">#6d98a8前景</p>
#6d98a8
背景
<p style="background-color: #6d98a8">#6d98a8背景</p>
#6d98a8
境界
<p style="border: #6d98a8 3px solid">#6d98a8境界</p>
#6d98a8
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #6d98a8, #fff); background: -webkit-radial-gradient(50% 50%, #6d98a8, #fff); background: -o-radial-gradient(50% 50%, #6d98a8, #fff); background: -ms-radial-gradient(50% 50%, #6d98a8, #fff); background: radial-gradient(50% 50%, #6d98a8, #fff)">#6d98a8放射状グラデーション</p>
#6d98a8
を補足するための#a87d6c
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #6d98a8, #a87d6c); background: -webkit-linear-gradient(top, #6d98a8, #a87d6c); background: -o-linear-gradient(top, #6d98a8, #a87d6c); background: -ms-linear-gradient(top, #6d98a8, #a87d6c); background: linear-gradient(top, #6d98a8, #a87d6c); color: #000">
#6d98a8
を補足するための#a87d6c
線上グラデーション</p>
#6d98a8
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #6d98a8">#6d98a8テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#6d98a8
に関連している順番で並べらられている。関連は、十六進法の色#6d98a8
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: