色変換
色変換 for #970482 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 151 | 4 | 130 | |
|---|---|---|---|---|
| HSL | 308.57° | 94.84% | 30.39% | |
| HSV | 308.57° | 97.35% | 59.22% | |
| CMYK | 0% | 97.35% | 13.91% | 40.78% |
| XYZ | 16.8355 | 8.2795 | 21.8262 | |
| Yxy | 8.2795 | 0.3587 | 0.1764 | |
| Hunter Lab | 28.7741 | 54.0833 | -24.8141 | |
| CIE-Lab | 34.5583 | 62.8775 | -29.8799 | |
| CIE-LCH | 34.5583 | 69.616 | 334.5826 | |
| CIE-LUV | 34.5583 | 57.6224 | -48.2943 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10010111 | 00000100 | 10000010 |
| Octal | 227 | 4 | 202 |
| Decimal | 151 | 4 | 130 |
| Hex | 97 | 04 | 82 |
RGB比率
CMYK比率
濃い色 #970482
淡い色 #970482
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#970482 の色 黒背景
#970482 の色 サンプルテキスト
#970482 の色 白背景
#970482 の色 サンプルテキスト
#970482 CSSコード
.background { background-color: #970482; }
.text { color: #970482; }
.border { border: 3px solid #970482; }
.shadow { box-shadow: 0 8px 28px rgba(151, 4, 130, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト7.91:1AAA
黒とのコントラスト2.66:1低い
Webセーフカラー#990099Near
輝度0.08280-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#970482 color
PortuguêsCor #970482
EspañolColor #970482
한국어#970482 색상
日本語#970482 の色
中文#970482 颜色
DeutschFarbe #970482
FrançaisCouleur #970482
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #970482 の色.
近い色
See ピンク系