色見本
RGB
CMYK
RYB
#024c42十六進の色コード十六進の色コード#024c42シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#024c42は0.78%の赤色、29.8%の绿色、25.88%の青色でできている。HSLで色彩空間#024c42は171.89度の色調、94.87%の彩度、15.29%の明るさを有している。この色は約512 nmの波長である。
#024c42情報反転
#fdb3bd 25% 飽和度
#004e43 濃淡階調
#272727
25% 明るく
#025e52 オリジナル
#024c42 25% 暗く
#013831
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#0b423b ウェブセーフ：teal
#008080
rgb(2, 76, 66)
rgba(2, 76, 66, 1.0)
赤色：0.7843%、黄色：16.3456%、青色：29.8039%
#024c42
150594
-16626622 / 0xff024c42
hsl(172, 95%, 15%)
hsla(172, 95%, 15%, 1.0)
色調：172（171.8919）、彩度：97（97.3684）、値：30（29.8039）
X：3.5928、Y：5.5751、Z：6.041
x：0.2362、y：0.3666、Y：5.5751
L：28.3142、a：-23.2052、b：0.1234
L：28.3142、u：-22.606、v：2.9362
L：28.3142、C：23.2055、H：179.6952
L：23.6117、a：-14.1593、b：1.359
シアン色：97（0.9737）、マゼンタ色：0（0）、黄色：13（0.1316）、黒色：70（0.702）
シアン色：99（0.9922）、マゼンタ色：70（0.702）、黄色：74（0.7412）
Y：52.734、I：-40.8704、Q：-18.7591
Y：52.734、U：6.5284、V：-44.5099
Y：52.734、Db：19.97、Dr：96.472
Y：61.286、Cb：134.562、Cr：96.224
Y：59.518、Pb：3.51、Pr：-36.54
10G 3/4近似、完全一致：Munsell 10G 3/4 / #205048
#024c42配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#024c42黒まで#024c42白まで#024c42前景
<p style="color: #024c42">#024c42前景</p>
#024c42背景
<p style="background-color: #024c42; color: #fff">#024c42背景</p>
#024c42境界
<p style="border: #024c42 3px solid">#024c42境界</p>
#024c42放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024c42, #fff); background: -webkit-radial-gradient(50% 50%, #024c42, #fff); background: -o-radial-gradient(50% 50%, #024c42, #fff); background: -ms-radial-gradient(50% 50%, #024c42, #fff); background: radial-gradient(50% 50%, #024c42, #fff); color: #fff">#024c42放射状グラデーション</p>
#024c42を補足するための#4c020c線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024c42, #4c020c); background: -webkit-linear-gradient(top, #024c42, #4c020c); background: -o-linear-gradient(top, #024c42, #4c020c); background: -ms-linear-gradient(top, #024c42, #4c020c); background: linear-gradient(top, #024c42, #4c020c); color: #fff">#024c42を補足するための#4c020c線上グラデーション</p>
#024c42テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024c42">#024c42テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#024c42に関連している順番で並べらられている。関連は、十六進法の色#024c42の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：