色変換
色変換 for Bright navy 青
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 25 | 116 | 210 | |
|---|---|---|---|---|
| HSL | 210.49° | 78.72% | 46.08% | |
| HSV | 210.49° | 88.1% | 82.35% | |
| CMYK | 88.1% | 44.76% | 0% | 17.65% |
| XYZ | 18.2748 | 17.3482 | 63.3456 | |
| Yxy | 17.3482 | 0.1847 | 0.1753 | |
| Hunter Lab | 41.6512 | 5.4282 | -60.9807 | |
| CIE-Lab | 48.6958 | 9.7244 | -55.4167 | |
| CIE-LCH | 48.6958 | 56.2634 | 279.9528 | |
| CIE-LUV | 48.6958 | -26.476 | -85.523 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00011001 | 01110100 | 11010010 |
| Octal | 31 | 164 | 322 |
| Decimal | 25 | 116 | 210 |
| Hex | 19 | 74 | D2 |
RGB比率
CMYK比率
濃い色 #1974D2
淡い色 #1974D2
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
Bright navy 青 黒背景
Bright navy 青 サンプルテキスト
Bright navy 青 白背景
Bright navy 青 サンプルテキスト
#1974D2 CSSコード
.background { background-color: #1974D2; }
.text { color: #1974D2; }
.border { border: 3px solid #1974D2; }
.shadow { box-shadow: 0 8px 28px rgba(25, 116, 210, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト4.7:1AA
黒とのコントラスト4.47:1大きな文字
Webセーフカラー#0066CCNear
輝度0.17350-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
EnglishBright navy blue
PortuguêsBrilhante azul-marinho
EspañolBright navy azul
한국어Bright navy 파랑
日本語Bright navy 青
中文Bright navy 蓝色
DeutschBright Navy Blau
FrançaisBright navy bleu
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with Bright navy 青.
近い色
See 青系