#3baeb5
十六進の色コード十六進の色コード#3baeb5
シアン色の色合いです。光の三原色RGBにおいて色モデル#3baeb5
は23.14%の赤色、68.24%の绿色、70.98%の青色でできている。HSLで色彩空間#3baeb5
は183.44度の色調、50.83%の彩度、47.06%の明るさを有している。この色は約504 nmの波長である。Devoe Paint Taking the Plunge / 17BG 36/333はペイントカラーに調和している。
#3baeb5
情報反転
#c4514a 25% 飽和度
#2bbbc4 濃淡階調
#777777
rgb(59, 174, 181)
rgba(59, 174, 181, 1.0)
赤色:23.1373%、黄色:46.3523%、青色:70.9804%
#3baeb5
3911349
-12865867 / 0xff3baeb5
hsl(183, 51%, 47%)
hsla(183, 51%, 47%, 1.0)
色調:183(183.4426)、彩度:67(67.4033)、値:71(70.9804)
X:25.2802、Y:34.5381、Z:49.0502
x:0.2322、y:0.3172、Y:34.5381
L:65.3875、a:-29.2565、b:-12.9937
L:65.3875、u:-43.6874、v:-15.4426
L:65.3875、C:32.0122、H:203.9475
L:58.7691、a:-26.0623、b:-8.3465
シアン色:67(0.674)、マゼンタ色:4(0.0387)、黄色:0(0)、黒色:29(0.2902)
シアン色:77(0.7686)、マゼンタ色:32(0.3176)、黄色:29(0.2902)
Y:140.413、I:-70.7562、Q:-22.1395
Y:140.413、U:19.9737、V:-71.4251
Y:140.413、Db:61.081、Dr:154.814
Y:136.597、Cb:148.093、Cr:77.018
Y:150.009、Pb:16.725、Pr:-57.822
7.5BG 6/6近似、完全一致:Munsell 7.5BG 6/6 / #46a1a9
#3baeb5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#3baeb5
黒まで#3baeb5
白まで#3baeb5
前景
<p style="color: #3baeb5; background-color: #000">#3baeb5前景</p>
#3baeb5
背景
<p style="background-color: #3baeb5">#3baeb5背景</p>
#3baeb5
境界
<p style="border: #3baeb5 3px solid">#3baeb5境界</p>
#3baeb5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3baeb5, #fff); background: -webkit-radial-gradient(50% 50%, #3baeb5, #fff); background: -o-radial-gradient(50% 50%, #3baeb5, #fff); background: -ms-radial-gradient(50% 50%, #3baeb5, #fff); background: radial-gradient(50% 50%, #3baeb5, #fff)">#3baeb5放射状グラデーション</p>
#3baeb5
を補足するための#b4413a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3baeb5, #b4413a); background: -webkit-linear-gradient(top, #3baeb5, #b4413a); background: -o-linear-gradient(top, #3baeb5, #b4413a); background: -ms-linear-gradient(top, #3baeb5, #b4413a); background: linear-gradient(top, #3baeb5, #b4413a); color: #000">
#3baeb5
を補足するための#b4413a
線上グラデーション</p>
#3baeb5
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3baeb5">#3baeb5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3baeb5
に関連している順番で並べらられている。関連は、十六進法の色#3baeb5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: