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