#023e33
十六進の色コード十六進の色コード#023e33
青シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#023e33
は0.78%の赤色、24.31%の绿色、20%の青色でできている。HSLで色彩空間#023e33
は169度の色調、93.75%の彩度、12.55%の明るさを有している。この色は約514 nmの波長である。
#023e33
情報反転
#fdc1cc 25% 飽和度
#004034 濃淡階調
#202020
25% 明るく
#024d3f オリジナル
#023e33 25% 暗く
#012e26
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#09362e ウェブセーフ:teal
#008080
rgb(2, 62, 51)
rgba(2, 62, 51, 1.0)
赤色:0.7843%、黄色:13.7363%、青色:24.3137%
#023e33
146995
-16630221 / 0xff023e33
hsl(169, 94%, 13%)
hsla(169, 94%, 13%, 1.0)
色調:169(169)、彩度:97(96.7742)、値:24(24.3137)
X:2.3452、Y:3.6972、Z:3.722
x:0.2402、y:0.3786、Y:3.6972
L:22.6439、a:-21.0058、b:1.7189
L:22.6439、u:-18.1994、v:4.1571
L:22.6439、C:21.076、H:175.3218
L:19.228、a:-11.8778、b:1.9828
シアン色:97(0.9677)、マゼンタ色:0(0)、黄色:18(0.1774)、黒色:76(0.7569)
シアン色:99(0.9922)、マゼンタ色:76(0.7569)、黄色:80(0.8)
Y:42.806、I:-32.2091、Q:-16.1098
Y:42.806、U:4.0324、V:-35.7999
Y:42.806、Db:12.337、Dr:77.593
Y:52.76、Cb:132.051、Cr:102.441
Y:48.428、Pb:1.4、Pr:-29.494
7.5G 2/4近似、完全一致:Munsell 7.5G 2/4 / #10372e
#023e33
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#023e33
黒まで#023e33
白まで#023e33
前景
<p style="color: #023e33">#023e33前景</p>
#023e33
背景
<p style="background-color: #023e33; color: #fff">#023e33背景</p>
#023e33
境界
<p style="border: #023e33 3px solid">#023e33境界</p>
#023e33
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023e33, #fff); background: -webkit-radial-gradient(50% 50%, #023e33, #fff); background: -o-radial-gradient(50% 50%, #023e33, #fff); background: -ms-radial-gradient(50% 50%, #023e33, #fff); background: radial-gradient(50% 50%, #023e33, #fff); color: #fff">#023e33放射状グラデーション</p>
#023e33
を補足するための#3e020d
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023e33, #3e020d); background: -webkit-linear-gradient(top, #023e33, #3e020d); background: -o-linear-gradient(top, #023e33, #3e020d); background: -ms-linear-gradient(top, #023e33, #3e020d); background: linear-gradient(top, #023e33, #3e020d); color: #fff">
#023e33
を補足するための#3e020d
線上グラデーション</p>
#023e33
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023e33">#023e33テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#023e33
に関連している順番で並べらられている。関連は、十六進法の色#023e33
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: