色見本
RGB
CMYK
RYB
#023a2c十六進の色コード十六進の色コード#023a2c青シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#023a2cは0.78%の赤色、22.75%の绿色、17.25%の青色でできている。HSLで色彩空間#023a2cは165度の色調、93.33%の彩度、11.76%の明るさを有している。この色は約516 nmの波長である。
#023a2c情報反転
#fdc5d3 25% 飽和度
#003b2c 濃淡階調
#1d1d1d
25% 明るく
#024837 オリジナル
#023a2c 25% 暗く
#012b20
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#093228 ウェブセーフ：teal
#008080
rgb(2, 58, 44)
rgba(2, 58, 44, 1.0)
赤色：0.7843%、黄色：13.3333%、青色：22.7451%
#023a2c
145964
-16631252 / 0xff023a2c
hsl(165, 93%, 12%)
hsla(165, 93%, 12%, 1.0)
色調：165（165）、彩度：97（96.5517）、値：23（22.7451）
X：1.9927、Y：3.2209、Z：2.8995
x：0.2456、y：0.397、Y：3.2209
L：20.9076、a：-21.2136、b：3.9092
L：20.9076、u：-17.0555、v：6.2368
L：20.9076、C：21.5708、H：169.5587
L：17.9468、a：-11.5872、b：2.9837
シアン色：97（0.9655）、マゼンタ色：0（0）、黄色：24（0.2414）、黒色：77（0.7725）
シアン色：99（0.9922）、マゼンタ色：77（0.7725）、黄色：83（0.8275）
Y：39.66、I：-28.8624、Q：-16.1974
Y：39.66、U：2.1359、V：-33.0399
Y：39.66、Db：6.538、Dr：71.61
Y：50.058、Cb：130.142、Cr：104.41
Y：45.064、Pb：-0.56、Pr：-27.356
7.5G 2/6（近似の）
#023a2c配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#023a2c黒まで#023a2c白まで#023a2c前景
<p style="color: #023a2c">#023a2c前景</p>
#023a2c背景
<p style="background-color: #023a2c; color: #fff">#023a2c背景</p>
#023a2c境界
<p style="border: #023a2c 3px solid">#023a2c境界</p>
#023a2c放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023a2c, #fff); background: -webkit-radial-gradient(50% 50%, #023a2c, #fff); background: -o-radial-gradient(50% 50%, #023a2c, #fff); background: -ms-radial-gradient(50% 50%, #023a2c, #fff); background: radial-gradient(50% 50%, #023a2c, #fff); color: #fff">#023a2c放射状グラデーション</p>
#023a2cを補足するための#39020f線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023a2c, #39020f); background: -webkit-linear-gradient(top, #023a2c, #39020f); background: -o-linear-gradient(top, #023a2c, #39020f); background: -ms-linear-gradient(top, #023a2c, #39020f); background: linear-gradient(top, #023a2c, #39020f); color: #fff">#023a2cを補足するための#39020f線上グラデーション</p>
#023a2cテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023a2c">#023a2cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#023a2cに関連している順番で並べらられている。関連は、十六進法の色#023a2cの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：