色変換
色変換 for #621BDD の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 98 | 27 | 221 | |
|---|---|---|---|---|
| HSL | 261.96° | 78.23% | 48.63% | |
| HSV | 261.96° | 87.78% | 86.67% | |
| CMYK | 55.66% | 87.78% | 0% | 13.33% |
| XYZ | 18.4762 | 8.6 | 69.079 | |
| Yxy | 8.6 | 0.1921 | 0.0894 | |
| Hunter Lab | 29.3258 | 61.14 | -119.0793 | |
| CIE-Lab | 35.2025 | 68.9417 | -83.5735 | |
| CIE-LCH | 35.2025 | 108.3397 | 309.52 | |
| CIE-LUV | 35.2025 | 4.8102 | -114.4683 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100010 | 00011011 | 11011101 |
| Octal | 142 | 33 | 335 |
| Decimal | 98 | 27 | 221 |
| Hex | 62 | 1B | DD |
RGB比率
CMYK比率
濃い色 #621BDD
淡い色 #621BDD
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#621BDD の色 黒背景
#621BDD の色 サンプルテキスト
#621BDD の色 白背景
#621BDD の色 サンプルテキスト
#621BDD CSSコード
.background { background-color: #621BDD; }
.text { color: #621BDD; }
.border { border: 3px solid #621BDD; }
.shadow { box-shadow: 0 8px 28px rgba(98, 27, 221, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト7.72:1AAA
黒とのコントラスト2.72:1低い
Webセーフカラー#6633CCNear
輝度0.0860-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#621BDD color
PortuguêsCor #621BDD
EspañolColor #621BDD
한국어#621BDD 색상
日本語#621BDD の色
中文#621BDD 颜色
DeutschFarbe #621BDD
FrançaisCouleur #621BDD
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #621BDD の色.
近い色
See 紫系
Similar colors
ラベンダー indigo
Lavender indigo
Navy 紫
Navy purple
Electric indigo
Electric indigo
Pixie powder
Pixie Powder
青-バイオレット
Blue-violet
Electric ultramarine
Electric ultramarine
暗い pastel 紫
Dark pastel purple
青-マゼンタ バイオレット
Blue-magenta violet
Medium 紫
Medium purple
Han 紫
Han purple
バイオレット (color wheel)
Violet (color wheel)
Persian indigo
Persian indigo