色変換
色変換 for #559EFB の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 85 | 158 | 251 | |
|---|---|---|---|---|
| HSL | 213.61° | 95.4% | 65.88% | |
| HSV | 213.61° | 66.14% | 98.43% | |
| CMYK | 66.14% | 37.05% | 0% | 1.57% |
| XYZ | 33.3794 | 33.3467 | 95.9255 | |
| Yxy | 33.3467 | 0.2052 | 0.205 | |
| Hunter Lab | 57.7466 | 2.1214 | -58.0281 | |
| CIE-Lab | 64.4407 | 6.0363 | -53.0383 | |
| CIE-LCH | 64.4407 | 53.3807 | 276.4929 | |
| CIE-LUV | 64.4407 | -29.5571 | -86.2361 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010101 | 10011110 | 11111011 |
| Octal | 125 | 236 | 373 |
| Decimal | 85 | 158 | 251 |
| Hex | 55 | 9E | FB |
RGB比率
CMYK比率
濃い色 #559EFB
淡い色 #559EFB
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#559EFB の色 黒背景
#559EFB の色 サンプルテキスト
#559EFB の色 白背景
#559EFB の色 サンプルテキスト
#559EFB CSSコード
.background { background-color: #559EFB; }
.text { color: #559EFB; }
.border { border: 3px solid #559EFB; }
.shadow { box-shadow: 0 8px 28px rgba(85, 158, 251, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト2.74:1低い
黒とのコントラスト7.67:1AAA
Webセーフカラー#6699FFNear
輝度0.33350-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#559EFB color
PortuguêsCor #559EFB
EspañolColor #559EFB
한국어#559EFB 색상
日本語#559EFB の色
中文#559EFB 颜色
DeutschFarbe #559EFB
FrançaisCouleur #559EFB
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #559EFB の色.
近い色
See 青系
Similar colors
French 空 青
French sky blue
Brilliant azure
Brilliant azure
Blueberry
Blueberry
Brandeis 青
Brandeis blue
青 (crayola)
Blue (Crayola)
Jordy 青
Jordy blue
United nations 青
United Nations blue
Very 明るい azure
Very light azure
Cornflower 青
Cornflower blue
Dodger 青
Dodger blue
Little boy 青
Little boy blue
Maya 青
Maya blue