色変換
色変換 for #897EF8 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 137 | 126 | 248 | |
|---|---|---|---|---|
| HSL | 245.41° | 89.71% | 73.33% | |
| HSV | 245.41° | 49.19% | 97.25% | |
| CMYK | 44.76% | 49.19% | 0% | 2.75% |
| XYZ | 34.7157 | 27.0159 | 92.1741 | |
| Yxy | 27.0159 | 0.2256 | 0.1755 | |
| Hunter Lab | 51.9768 | 28.2611 | -68.7181 | |
| CIE-Lab | 58.989 | 34.1807 | -59.905 | |
| CIE-LCH | 58.989 | 68.9705 | 299.7083 | |
| CIE-LUV | 58.989 | -3.0876 | -98.9068 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10001001 | 01111110 | 11111000 |
| Octal | 211 | 176 | 370 |
| Decimal | 137 | 126 | 248 |
| Hex | 89 | 7E | F8 |
RGB比率
CMYK比率
濃い色 #897EF8
淡い色 #897EF8
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#897EF8 の色 黒背景
#897EF8 の色 サンプルテキスト
#897EF8 の色 白背景
#897EF8 の色 サンプルテキスト
#897EF8 CSSコード
.background { background-color: #897EF8; }
.text { color: #897EF8; }
.border { border: 3px solid #897EF8; }
.shadow { box-shadow: 0 8px 28px rgba(137, 126, 248, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト3.28:1大きな文字
黒とのコントラスト6.4:1AA
Webセーフカラー#9966FFNear
輝度0.27020-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#897EF8 color
PortuguêsCor #897EF8
EspañolColor #897EF8
한국어#897EF8 색상
日本語#897EF8 の色
中文#897EF8 颜色
DeutschFarbe #897EF8
FrançaisCouleur #897EF8
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #897EF8 の色.
近い色
See 青系