色変換
色変換 for #A490FC の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 164 | 144 | 252 | |
|---|---|---|---|---|
| HSL | 251.11° | 94.74% | 77.65% | |
| HSV | 251.11° | 42.86% | 98.82% | |
| CMYK | 34.92% | 42.86% | 0% | 1.18% |
| XYZ | 42.8491 | 34.8662 | 96.5488 | |
| Yxy | 34.8662 | 0.2459 | 0.2001 | |
| Hunter Lab | 59.0476 | 26.1978 | -55.5739 | |
| CIE-Lab | 65.6444 | 31.472 | -51.3773 | |
| CIE-LCH | 65.6444 | 60.2504 | 301.4902 | |
| CIE-LUV | 65.6444 | 2.1414 | -86.6461 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10100100 | 10010000 | 11111100 |
| Octal | 244 | 220 | 374 |
| Decimal | 164 | 144 | 252 |
| Hex | A4 | 90 | FC |
RGB比率
CMYK比率
濃い色 #A490FC
淡い色 #A490FC
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#A490FC の色 黒背景
#A490FC の色 サンプルテキスト
#A490FC の色 白背景
#A490FC の色 サンプルテキスト
#A490FC CSSコード
.background { background-color: #A490FC; }
.text { color: #A490FC; }
.border { border: 3px solid #A490FC; }
.shadow { box-shadow: 0 8px 28px rgba(164, 144, 252, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト2.63:1低い
黒とのコントラスト7.97:1AAA
Webセーフカラー#9999FFNear
輝度0.34870-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#A490FC color
PortuguêsCor #A490FC
EspañolColor #A490FC
한국어#A490FC 색상
日本語#A490FC の色
中文#A490FC 颜色
DeutschFarbe #A490FC
FrançaisCouleur #A490FC
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #A490FC の色.
近い色
See 青系
Similar colors
Medium slate 青
Medium slate blue
淡い ラベンダー
Pale lavender
Han 紫
Han purple
Soap
Soap
Very 明るい 青
Very light blue
Electric ultramarine
Electric ultramarine
ラベンダー 青
Lavender blue
Periwinkle
Periwinkle
Interdimensional 青
Interdimensional Blue
Majorelle 青
Majorelle Blue
Magnolia
Magnolia
淡い バイオレット
Pale violet