#399eaf
十六進の色コード十六進の色コード#399eaf
シアン色の色合いです。光の三原色RGBにおいて色モデル#399eaf
は22.35%の赤色、61.96%の绿色、68.63%の青色でできている。HSLで色彩空間#399eaf
は188.64度の色調、50.86%の彩度、45.49%の明るさを有している。この色は約501 nmの波長である。Natural Color System / NCS S 2040-B20Gはペイントカラーに調和している。
#399eaf
情報反転
#c66150 25% 飽和度
#2aa8bd 濃淡階調
#747474
rgb(57, 158, 175)
rgba(57, 158, 175, 1.0)
赤色:22.3529%、黄色:43.6942%、青色:68.6275%
#399eaf
3776175
-13001041 / 0xff399eaf
hsl(189, 51%, 45%)
hsla(189, 51%, 45%, 1.0)
色調:189(188.6441)、彩度:67(67.4286)、値:69(68.6275)
X:21.6521、Y:28.4187、Z:44.9016
x:0.228、y:0.2992、Y:28.4187
L:60.2652、a:-23.361、b:-17.375
L:60.2652、u:-38.5387、v:-22.9962
L:60.2652、C:29.114、H:216.6403
L:53.3092、a:-20.7916、b:-12.6227
シアン色:67(0.6743)、マゼンタ色:10(0.0971)、黄色:0(0)、黒色:31(0.3137)
シアン色:78(0.7765)、マゼンタ色:38(0.3804)、黄色:31(0.3137)
Y:129.739、I:-65.6288、Q:-16.0678
Y:129.739、U:22.2737、V:-63.8152
Y:129.739、Db:68.111、Dr:138.322
Y:127.431、Cb:150.411、Cr:82.454
Y:137.711、Pb:20.115、Pr:-51.282
10BG 6/6近似、完全一致:Munsell 10BG 6/6 / #45a1b1
#399eaf
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#399eaf
黒まで#399eaf
白まで#399eaf
前景
<p style="color: #399eaf; background-color: #000">#399eaf前景</p>
#399eaf
背景
<p style="background-color: #399eaf">#399eaf背景</p>
#399eaf
境界
<p style="border: #399eaf 3px solid">#399eaf境界</p>
#399eaf
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #399eaf, #fff); background: -webkit-radial-gradient(50% 50%, #399eaf, #fff); background: -o-radial-gradient(50% 50%, #399eaf, #fff); background: -ms-radial-gradient(50% 50%, #399eaf, #fff); background: radial-gradient(50% 50%, #399eaf, #fff)">#399eaf放射状グラデーション</p>
#399eaf
を補足するための#af4938
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #399eaf, #af4938); background: -webkit-linear-gradient(top, #399eaf, #af4938); background: -o-linear-gradient(top, #399eaf, #af4938); background: -ms-linear-gradient(top, #399eaf, #af4938); background: linear-gradient(top, #399eaf, #af4938); color: #000">
#399eaf
を補足するための#af4938
線上グラデーション</p>
#399eaf
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #399eaf">#399eafテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#399eaf
に関連している順番で並べらられている。関連は、十六進法の色#399eaf
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: