#436b95
十六進の色コード十六進の色コードでQueen blue色#436b95
シアン青色の色合いです。光の三原色RGBにおいて色モデル#436b95
は26.27%の赤色、41.96%の绿色、58.43%の青色でできている。HSLで色彩空間#436b95
は210.73度の色調、37.96%の彩度、42.35%の明るさを有している。この色は約487 nmの波長である。
#436b95
情報反転
#bc946a 25% 飽和度
#386a9f 濃淡階調
#6c6c6c
rgb(67, 107, 149)
rgba(67, 107, 149, 1.0)
赤色:26.2745%、黄色:36.8177%、青色:58.4314%
#436b95
4418453
-12358763 / 0xff436b95
hsl(211, 38%, 42%)
hsla(211, 38%, 42%, 1.0)
色調:211(210.7317)、彩度:55(55.0336)、値:58(58.4314)
X:12.9972、Y:13.8786、Z:30.4276
x:0.2268、y:0.2422、Y:13.8786
L:44.0583、a:-1.275、b:-27.2084
L:44.0583、u:-18.0151、v:-39.2798
L:44.0583、C:27.2383、H:267.317
L:37.254、a:-2.9191、b:-22.3479
シアン色:55(0.5503)、マゼンタ色:28(0.2819)、黄色:0(0)、黒色:42(0.4157)
シアン色:74(0.7373)、マゼンタ色:58(0.5804)、黄色:42(0.4157)
Y:99.828、I:-37.3217、Q:4.6094
Y:99.828、U:24.1983、V:-28.8004
Y:99.828、Db:73.986、Dr:62.434
Y:101.749、Cb:152.358、Cr:107.458
Y:101.504、Pb:25.6、Pr:-21.932
2.5PB 4/6近似、完全一致:Munsell 2.5PB 4/6 / #3d638f
#436b95
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#436b95
黒まで#436b95
白まで#436b95
前景
<p style="color: #436b95">#436b95前景</p>
#436b95
背景
<p style="background-color: #436b95; color: #fff">#436b95背景</p>
#436b95
境界
<p style="border: #436b95 3px solid">#436b95境界</p>
#436b95
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #436b95, #fff); background: -webkit-radial-gradient(50% 50%, #436b95, #fff); background: -o-radial-gradient(50% 50%, #436b95, #fff); background: -ms-radial-gradient(50% 50%, #436b95, #fff); background: radial-gradient(50% 50%, #436b95, #fff); color: #fff">#436b95放射状グラデーション</p>
#436b95
を補足するための#956d43
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #436b95, #956d43); background: -webkit-linear-gradient(top, #436b95, #956d43); background: -o-linear-gradient(top, #436b95, #956d43); background: -ms-linear-gradient(top, #436b95, #956d43); background: linear-gradient(top, #436b95, #956d43); color: #fff">
#436b95
を補足するための#956d43
線上グラデーション</p>
#436b95
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #436b95">#436b95テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#436b95
に関連している順番で並べらられている。関連は、十六進法の色#436b95
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: