色変換
色変換 for #708DB8 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 112 | 141 | 184 | |
|---|---|---|---|---|
| HSL | 215.83° | 33.64% | 58.04% | |
| HSV | 215.83° | 39.13% | 72.16% | |
| CMYK | 39.13% | 23.37% | 0% | 27.84% |
| XYZ | 24.856 | 25.9539 | 49.038 | |
| Yxy | 25.9539 | 0.2489 | 0.2599 | |
| Hunter Lab | 50.945 | -2.0644 | -21.3868 | |
| CIE-Lab | 57.9933 | 0.8064 | -25.7297 | |
| CIE-LCH | 57.9933 | 25.7423 | 271.7951 | |
| CIE-LUV | 57.9933 | -15.607 | -39.3317 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01110000 | 10001101 | 10111000 |
| Octal | 160 | 215 | 270 |
| Decimal | 112 | 141 | 184 |
| Hex | 70 | 8D | B8 |
RGB比率
CMYK比率
濃い色 #708DB8
淡い色 #708DB8
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#708DB8 の色 黒背景
#708DB8 の色 サンプルテキスト
#708DB8 の色 白背景
#708DB8 の色 サンプルテキスト
#708DB8 CSSコード
.background { background-color: #708DB8; }
.text { color: #708DB8; }
.border { border: 3px solid #708DB8; }
.shadow { box-shadow: 0 8px 28px rgba(112, 141, 184, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト3.39:1大きな文字
黒とのコントラスト6.19:1AA
Webセーフカラー#6699CCNear
輝度0.25960-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#708DB8 color
PortuguêsCor #708DB8
EspañolColor #708DB8
한국어#708DB8 색상
日本語#708DB8 の色
中文#708DB8 颜色
DeutschFarbe #708DB8
FrançaisCouleur #708DB8
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #708DB8 の色.
近い色
See 青系