#68bdb3
十六進の色コード十六進の色コード#68bdb3
シアン色の色合いです。光の三原色RGBにおいて色モデル#68bdb3
は40.78%の赤色、74.12%の绿色、70.2%の青色でできている。HSLで色彩空間#68bdb3
は172.94度の色調、39.17%の彩度、57.45%の明るさを有している。この色は約511 nmの波長である。Sigma Natural Green / S 2040-B60Gはペイントカラーに調和している。
#68bdb3
情報反転
#97424c 25% 飽和度
#5dc7bb 濃淡階調
#929292
rgb(104, 189, 179)
rgba(104, 189, 179, 1.0)
赤色:40.7843%、黄色:58.4926%、青色:74.1176%
#68bdb3
6864307
-9912909 / 0xff68bdb3
hsl(173, 39%, 57%)
hsla(173, 39%, 57%, 1.0)
色調:173(172.9412)、彩度:45(44.9735)、値:74(74.1176)
X:32.0432、Y:42.5929、Z:49.1802
x:0.2588、y:0.344、Y:42.5929
L:71.2778、a:-28.2055、b:-2.9734
L:71.2778、u:-38.2142、v:0.0153
L:71.2778、C:28.3618、H:186.0178
L:65.2633、a:-26.5701、b:1.0053
シアン色:45(0.4497)、マゼンタ色:0(0)、黄色:5(0.0529)、黒色:26(0.2588)
シアン色:59(0.5922)、マゼンタ色:26(0.2588)、黄色:30(0.298)
Y:162.445、I:-47.4232、Q:-21.0851
Y:162.445、U:8.1479、V:-51.2749
Y:162.445、Db:24.92、Dr:111.135
Y:155.526、Cb:136.19、Cr:91.395
Y:170.175、Pb:4.775、Pr:-42.04
2.5BG 7/6近似、完全一致:Munsell 2.5BG 7/6 / #6cbdb3
#68bdb3
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#68bdb3
黒まで#68bdb3
白まで#68bdb3
前景
<p style="color: #68bdb3; background-color: #000">#68bdb3前景</p>
#68bdb3
背景
<p style="background-color: #68bdb3">#68bdb3背景</p>
#68bdb3
境界
<p style="border: #68bdb3 3px solid">#68bdb3境界</p>
#68bdb3
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #68bdb3, #fff); background: -webkit-radial-gradient(50% 50%, #68bdb3, #fff); background: -o-radial-gradient(50% 50%, #68bdb3, #fff); background: -ms-radial-gradient(50% 50%, #68bdb3, #fff); background: radial-gradient(50% 50%, #68bdb3, #fff)">#68bdb3放射状グラデーション</p>
#68bdb3
を補足するための#bd6771
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #68bdb3, #bd6771); background: -webkit-linear-gradient(top, #68bdb3, #bd6771); background: -o-linear-gradient(top, #68bdb3, #bd6771); background: -ms-linear-gradient(top, #68bdb3, #bd6771); background: linear-gradient(top, #68bdb3, #bd6771); color: #000">
#68bdb3
を補足するための#bd6771
線上グラデーション</p>
#68bdb3
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #68bdb3">#68bdb3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#68bdb3
に関連している順番で並べらられている。関連は、十六進法の色#68bdb3
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: