色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：