色変換
色変換 for #124F81 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 18 | 79 | 129 | |
|---|---|---|---|---|
| HSL | 207.03° | 75.51% | 28.82% | |
| HSV | 207.03° | 86.05% | 50.59% | |
| CMYK | 86.05% | 38.76% | 0% | 49.41% |
| XYZ | 7.0064 | 7.3047 | 21.8053 | |
| Yxy | 7.3047 | 0.194 | 0.2023 | |
| Hunter Lab | 27.0272 | -1.0245 | -28.8968 | |
| CIE-Lab | 32.4907 | 0.6353 | -33.4074 | |
| CIE-LCH | 32.4907 | 33.4134 | 271.0894 | |
| CIE-LUV | 32.4907 | -18.52 | -45.2371 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00010010 | 01001111 | 10000001 |
| Octal | 22 | 117 | 201 |
| Decimal | 18 | 79 | 129 |
| Hex | 12 | 4F | 81 |
RGB比率
CMYK比率
濃い色 #124F81
淡い色 #124F81
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#124F81 の色 黒背景
#124F81 の色 サンプルテキスト
#124F81 の色 白背景
#124F81 の色 サンプルテキスト
#124F81 CSSコード
.background { background-color: #124F81; }
.text { color: #124F81; }
.border { border: 3px solid #124F81; }
.shadow { box-shadow: 0 8px 28px rgba(18, 79, 129, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト8.53:1AAA
黒とのコントラスト2.46:1低い
Webセーフカラー#006699Near
輝度0.07310-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#124F81 color
PortuguêsCor #124F81
EspañolColor #124F81
한국어#124F81 색상
日本語#124F81 の色
中文#124F81 颜色
DeutschFarbe #124F81
FrançaisCouleur #124F81
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #124F81 の色.
近い色
See 青系