#254e42
十六進の色コード十六進の色コード#254e42
青シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#254e42
は14.51%の赤色、30.59%の绿色、25.88%の青色でできている。HSLで色彩空間#254e42
は162.44度の色調、35.65%の彩度、22.55%の明るさを有している。この色は約518 nmの波長である。Chrysler Forest Greenはペイントカラーに調和している。
#254e42
情報反転
#dab1bd 25% 飽和度
#1f5344 濃淡階調
#393939
25% 明るく
#2e6152 オリジナル
#254e42 25% 暗く
#1b3a31
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#2a483f ウェブセーフ:teal
#008080
rgb(37, 78, 66)
rgba(37, 78, 66, 1.0)
赤色:14.5098%、黄色:23.9272%、青色:30.5882%
#254e42
2444866
-14332350 / 0xff254e42
hsl(162, 36%, 23%)
hsla(162, 36%, 23%, 1.0)
色調:162(162.439)、彩度:53(52.5641)、値:31(30.5882)
X:4.4707、Y:6.2354、Z:6.1222
x:0.2657、y:0.3705、Y:6.2354
L:29.9989、a:-17.7825、b:2.6878
L:29.9989、u:-17.2242、v:5.4264
L:29.9989、C:17.9845、H:171.4049
L:24.9709、a:-11.7409、b:2.9433
シアン色:53(0.5256)、マゼンタ色:0(0)、黄色:15(0.1538)、黒色:69(0.6941)
シアン色:85(0.8549)、マゼンタ色:69(0.6941)、黄色:74(0.7412)
Y:64.373、I:-20.5692、Q:-12.4033
Y:64.373、U:0.8011、V:-24.0149
Y:64.373、Db:2.454、Dr:52.049
Y:71.289、Cb:128.8、Cr:110.853
Y:68.403、Pb:-1.285、Pr:-19.948
7.5G 3/4近似、完全一致:Munsell 7.5G 3/4 / #245044
#254e42
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#254e42
黒まで#254e42
白まで#254e42
前景
<p style="color: #254e42">#254e42前景</p>
#254e42
背景
<p style="background-color: #254e42; color: #fff">#254e42背景</p>
#254e42
境界
<p style="border: #254e42 3px solid">#254e42境界</p>
#254e42
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #254e42, #fff); background: -webkit-radial-gradient(50% 50%, #254e42, #fff); background: -o-radial-gradient(50% 50%, #254e42, #fff); background: -ms-radial-gradient(50% 50%, #254e42, #fff); background: radial-gradient(50% 50%, #254e42, #fff); color: #fff">#254e42放射状グラデーション</p>
#254e42
を補足するための#4d2530
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #254e42, #4d2530); background: -webkit-linear-gradient(top, #254e42, #4d2530); background: -o-linear-gradient(top, #254e42, #4d2530); background: -ms-linear-gradient(top, #254e42, #4d2530); background: linear-gradient(top, #254e42, #4d2530); color: #fff">
#254e42
を補足するための#4d2530
線上グラデーション</p>
#254e42
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #254e42">#254e42テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#254e42
に関連している順番で並べらられている。関連は、十六進法の色#254e42
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: