#2aaf8e
十六進の色コード十六進の色コード#2aaf8e
青シアン色の色合いです。光の三原色RGBにおいて色モデル#2aaf8e
は16.47%の赤色、68.63%の绿色、55.69%の青色でできている。HSLで色彩空間#2aaf8e
は165.11度の色調、61.29%の彩度、42.55%の明るさを有している。この色は約516 nmの波長である。Crown Diamond 7287-53 Calypso Blueはペイントカラーに調和している。
#2aaf8e
情報反転
#d55071 25% 飽和度
#19bf96 濃淡階調
#6c6c6c
rgb(42, 175, 142)
rgba(42, 175, 142, 1.0)
赤色:16.4706%、黄色:46.2425%、青色:68.6275%
#2aaf8e
2797454
-13979762 / 0xff2aaf8e
hsl(165, 61%, 43%)
hsla(165, 61%, 43%, 1.0)
色調:165(165.1128)、彩度:76(76)、値:69(68.6275)
X:21.1673、Y:33.1052、Z:30.8655
x:0.2486、y:0.3888、Y:33.1052
L:64.246、a:-42.8159、b:6.9736
L:64.246、u:-49.3731、v:16.5599
L:64.246、C:43.3801、H:170.7492
L:57.5371、a:-35.0216、b:8.4701
シアン色:76(0.76)、マゼンタ色:0(0)、黄色:19(0.1886)、黒色:31(0.3137)
シアン色:84(0.8353)、マゼンタ色:31(0.3137)、黄色:44(0.4431)
Y:131.471、I:-68.6285、Q:-38.3911
Y:131.471、U:5.182、V:-78.4947
Y:131.471、Db:15.861、Dr:170.128
Y:128.91、Cb:133.197、Cr:71.956
Y:144.295、Pb:-1.205、Pr:-64.982
7.5G 6/8近似、完全一致:Munsell 7.5G 6/8 / #33a689
#2aaf8e
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#2aaf8e
黒まで#2aaf8e
白まで#2aaf8e
前景
<p style="color: #2aaf8e; background-color: #000">#2aaf8e前景</p>
#2aaf8e
背景
<p style="background-color: #2aaf8e">#2aaf8e背景</p>
#2aaf8e
境界
<p style="border: #2aaf8e 3px solid">#2aaf8e境界</p>
#2aaf8e
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2aaf8e, #fff); background: -webkit-radial-gradient(50% 50%, #2aaf8e, #fff); background: -o-radial-gradient(50% 50%, #2aaf8e, #fff); background: -ms-radial-gradient(50% 50%, #2aaf8e, #fff); background: radial-gradient(50% 50%, #2aaf8e, #fff)">#2aaf8e放射状グラデーション</p>
#2aaf8e
を補足するための#ae2a4a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2aaf8e, #ae2a4a); background: -webkit-linear-gradient(top, #2aaf8e, #ae2a4a); background: -o-linear-gradient(top, #2aaf8e, #ae2a4a); background: -ms-linear-gradient(top, #2aaf8e, #ae2a4a); background: linear-gradient(top, #2aaf8e, #ae2a4a); color: #000">
#2aaf8e
を補足するための#ae2a4a
線上グラデーション</p>
#2aaf8e
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #2aaf8e">#2aaf8eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#2aaf8e
に関連している順番で並べらられている。関連は、十六進法の色#2aaf8e
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: