色変換
色変換 for #9C85CC の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 156 | 133 | 204 | |
|---|---|---|---|---|
| HSL | 259.44° | 41.04% | 66.08% | |
| HSV | 259.44° | 34.8% | 80% | |
| CMYK | 23.53% | 34.8% | 0% | 20% |
| XYZ | 32.9945 | 28.2024 | 60.8204 | |
| Yxy | 28.2024 | 0.2704 | 0.2311 | |
| Hunter Lab | 53.1059 | 17.9651 | -30.7021 | |
| CIE-Lab | 60.0712 | 23.5092 | -33.5553 | |
| CIE-LCH | 60.0712 | 40.9712 | 305.0155 | |
| CIE-LUV | 60.0712 | 6.9213 | -55.292 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10011100 | 10000101 | 11001100 |
| Octal | 234 | 205 | 314 |
| Decimal | 156 | 133 | 204 |
| Hex | 9C | 85 | CC |
RGB比率
CMYK比率
濃い色 #9C85CC
淡い色 #9C85CC
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#9C85CC の色 黒背景
#9C85CC の色 サンプルテキスト
#9C85CC の色 白背景
#9C85CC の色 サンプルテキスト
#9C85CC CSSコード
.background { background-color: #9C85CC; }
.text { color: #9C85CC; }
.border { border: 3px solid #9C85CC; }
.shadow { box-shadow: 0 8px 28px rgba(156, 133, 204, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト3.16:1大きな文字
黒とのコントラスト6.64:1AA
Webセーフカラー#9999CCNear
輝度0.2820-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#9C85CC color
PortuguêsCor #9C85CC
EspañolColor #9C85CC
한국어#9C85CC 색상
日本語#9C85CC の色
中文#9C85CC 颜色
DeutschFarbe #9C85CC
FrançaisCouleur #9C85CC
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #9C85CC の色.
近い色
See 紫系
Similar colors
Middle 青 紫
Middle Blue Purple
明るい pastel 紫
Light pastel purple
Medium 紫
Medium purple
Ube
Ube
暗い pastel 紫
Dark pastel purple
ラベンダー 紫
Lavender purple
青-マゼンタ バイオレット
Blue-magenta violet
紫 mountain majesty
Purple mountain majesty
Amethyst
Amethyst
Plump 紫
Plump Purple
Toolbox
Toolbox
ラベンダー indigo
Lavender indigo