#41a9b8
十六進の色コード十六進の色コード#41a9b8
シアン色の色合いです。光の三原色RGBにおいて色モデル#41a9b8
は25.49%の赤色、66.27%の绿色、72.16%の青色でできている。HSLで色彩空間#41a9b8
は187.56度の色調、47.79%の彩度、48.82%の明るさを有している。この色は約502 nmの波長である。Taubmans Overseas Trip / T12 45.E2はペイントカラーに調和している。
#41a9b8
情報反転
#be5647 25% 飽和度
#32b4c6 濃淡階調
#7c7c7c
rgb(65, 169, 184)
rgba(65, 169, 184, 1.0)
赤色:25.4902%、黄色:47.254%、青色:72.1569%
#41a9b8
4303288
-12473928 / 0xff41a9b8
hsl(188, 48%, 49%)
hsla(188, 48%, 49%, 1.0)
色調:188(187.563)、彩度:65(64.6739)、値:72(72.1569)
X:25.0197、Y:32.9604、Z:50.3907
x:0.2309、y:0.3041、Y:32.9604
L:64.1289、a:-24.9399、b:-16.5479
L:64.1289、u:-40.5183、v:-21.6582
L:64.1289、C:29.9304、H:213.5648
L:57.4112、a:-22.6797、b:-11.852
シアン色:65(0.6467)、マゼンタ色:8(0.0815)、黄色:0(0)、黒色:28(0.2784)
シアン色:75(0.7451)、マゼンタ色:34(0.3373)、黄色:28(0.2784)
Y:139.614、I:-66.7734、Q:-17.3244
Y:139.614、U:21.8432、V:-65.4601
Y:139.614、Db:66.795、Dr:141.887
Y:135.913、Cb:149.977、Cr:81.279
Y:147.928、Pb:19.46、Pr:-52.69
10BG 6/6近似、完全一致:Munsell 10BG 6/6 / #45a1b1
#41a9b8
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#41a9b8
黒まで#41a9b8
白まで#41a9b8
前景
<p style="color: #41a9b8; background-color: #000">#41a9b8前景</p>
#41a9b8
背景
<p style="background-color: #41a9b8">#41a9b8背景</p>
#41a9b8
境界
<p style="border: #41a9b8 3px solid">#41a9b8境界</p>
#41a9b8
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #41a9b8, #fff); background: -webkit-radial-gradient(50% 50%, #41a9b8, #fff); background: -o-radial-gradient(50% 50%, #41a9b8, #fff); background: -ms-radial-gradient(50% 50%, #41a9b8, #fff); background: radial-gradient(50% 50%, #41a9b8, #fff)">#41a9b8放射状グラデーション</p>
#41a9b8
を補足するための#b85041
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #41a9b8, #b85041); background: -webkit-linear-gradient(top, #41a9b8, #b85041); background: -o-linear-gradient(top, #41a9b8, #b85041); background: -ms-linear-gradient(top, #41a9b8, #b85041); background: linear-gradient(top, #41a9b8, #b85041); color: #000">
#41a9b8
を補足するための#b85041
線上グラデーション</p>
#41a9b8
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #41a9b8">#41a9b8テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#41a9b8
に関連している順番で並べらられている。関連は、十六進法の色#41a9b8
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: