色変換
色変換 for #5689DA の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 86 | 137 | 218 | |
|---|---|---|---|---|
| HSL | 216.82° | 64.08% | 59.61% | |
| HSV | 216.82° | 60.55% | 85.49% | |
| CMYK | 60.55% | 37.16% | 0% | 14.51% |
| XYZ | 25.4338 | 24.9294 | 69.7876 | |
| Yxy | 24.9294 | 0.2117 | 0.2075 | |
| Hunter Lab | 49.9294 | 3.5501 | -47.8882 | |
| CIE-Lab | 57.0066 | 7.5181 | -46.5658 | |
| CIE-LCH | 57.0066 | 47.1688 | 279.1713 | |
| CIE-LUV | 57.0066 | -22.7624 | -73.9327 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 10001001 | 11011010 |
| Octal | 126 | 211 | 332 |
| Decimal | 86 | 137 | 218 |
| Hex | 56 | 89 | DA |
RGB比率
CMYK比率
濃い色 #5689DA
淡い色 #5689DA
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5689DA の色 黒背景
#5689DA の色 サンプルテキスト
#5689DA の色 白背景
#5689DA の色 サンプルテキスト
#5689DA CSSコード
.background { background-color: #5689DA; }
.text { color: #5689DA; }
.border { border: 3px solid #5689DA; }
.shadow { box-shadow: 0 8px 28px rgba(86, 137, 218, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト3.51:1大きな文字
黒とのコントラスト5.99:1AA
Webセーフカラー#6699CCNear
輝度0.24930-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5689DA color
PortuguêsCor #5689DA
EspañolColor #5689DA
한국어#5689DA 색상
日本語#5689DA の色
中文#5689DA 颜色
DeutschFarbe #5689DA
FrançaisCouleur #5689DA
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5689DA の色.
近い色
See 青系