色見本
RGB
CMYK
RYB
#024f3a十六進の色コード十六進の色コード#024f3a青シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#024f3aは0.78%の赤色、30.98%の绿色、22.75%の青色でできている。HSLで色彩空間#024f3aは163.64度の色調、95.06%の彩度、15.88%の明るさを有している。この色は約517 nmの波長である。
#024f3a情報反転
#fdb0c5 25% 飽和度
#00513a 濃淡階調
#282828
25% 明るく
#026248 オリジナル
#024f3a 25% 暗く
#013b2b
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#0b4535 ウェブセーフ：teal
#008080
rgb(2, 79, 58)
rgba(2, 79, 58, 1.0)
赤色：0.7843%、黄色：18.2663%、青色：30.9804%
#024f3a
151354
-16625862 / 0xff024f3a
hsl(164, 95%, 16%)
hsla(164, 95%, 16%, 1.0)
色調：164（163.6364）、彩度：97（97.4684）、値：31（30.9804）
X：3.5847、Y：5.9104、Z：4.9549
x：0.2481、y：0.409、Y：5.9104
L：29.1852、a：-27.0856、b：6.5018
L：29.1852、u：-24.2676、v：10.7413
L：29.1852、C：27.855、H：166.5018
L：24.3112、a：-16.2245、b：4.934
シアン色：97（0.9747）、マゼンタ色：0（0）、黄色：27（0.2658）、黒色：69（0.6902）
シアン色：99（0.9922）、マゼンタ色：69（0.6902）、黄色：77（0.7725）
Y：53.583、I：-39.1236、Q：-22.8159
Y：53.583、U：2.1738、V：-45.2548
Y：53.583、Db：6.657、Dr：98.084
Y：62.014、Cb：130.177、Cr：95.688
Y：61.087、Pb：-1.645、Pr：-37.534
5G 3/6（近似の）
#024f3a配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#024f3a黒まで#024f3a白まで#024f3a前景
<p style="color: #024f3a">#024f3a前景</p>
#024f3a背景
<p style="background-color: #024f3a; color: #fff">#024f3a背景</p>
#024f3a境界
<p style="border: #024f3a 3px solid">#024f3a境界</p>
#024f3a放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024f3a, #fff); background: -webkit-radial-gradient(50% 50%, #024f3a, #fff); background: -o-radial-gradient(50% 50%, #024f3a, #fff); background: -ms-radial-gradient(50% 50%, #024f3a, #fff); background: radial-gradient(50% 50%, #024f3a, #fff); color: #fff">#024f3a放射状グラデーション</p>
#024f3aを補足するための#4f0117線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024f3a, #4f0117); background: -webkit-linear-gradient(top, #024f3a, #4f0117); background: -o-linear-gradient(top, #024f3a, #4f0117); background: -ms-linear-gradient(top, #024f3a, #4f0117); background: linear-gradient(top, #024f3a, #4f0117); color: #fff">#024f3aを補足するための#4f0117線上グラデーション</p>
#024f3aテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024f3a">#024f3aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#024f3aに関連している順番で並べらられている。関連は、十六進法の色#024f3aの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：