色変換
色変換 for #D92120 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 217 | 33 | 32 | |
|---|---|---|---|---|
| HSL | 0.32° | 74.3% | 48.82% | |
| HSV | 0.32° | 85.25% | 85.1% | |
| CMYK | 0% | 84.79% | 85.25% | 14.9% |
| XYZ | 29.4236 | 15.9487 | 2.8954 | |
| Yxy | 15.9487 | 0.6096 | 0.3304 | |
| Hunter Lab | 39.9358 | 61.6251 | 23.6582 | |
| CIE-Lab | 46.9071 | 67.0867 | 48.7644 | |
| CIE-LCH | 46.9071 | 82.9373 | 36.0129 | |
| CIE-LUV | 46.9071 | 138.1353 | 30.012 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11011001 | 00100001 | 00100000 |
| Octal | 331 | 41 | 40 |
| Decimal | 217 | 33 | 32 |
| Hex | D9 | 21 | 20 |
RGB比率
CMYK比率
濃い色 #D92120
淡い色 #D92120
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#D92120 の色 黒背景
#D92120 の色 サンプルテキスト
#D92120 の色 白背景
#D92120 の色 サンプルテキスト
#D92120 CSSコード
.background { background-color: #D92120; }
.text { color: #D92120; }
.border { border: 3px solid #D92120; }
.shadow { box-shadow: 0 8px 28px rgba(217, 33, 32, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト5.01:1AA
黒とのコントラスト4.19:1大きな文字
Webセーフカラー#CC3333Near
輝度0.15940-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#D92120 color
PortuguêsCor #D92120
EspañolColor #D92120
한국어#D92120 색상
日本語#D92120 の色
中文#D92120 颜色
DeutschFarbe #D92120
FrançaisCouleur #D92120
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #D92120 の色.
近い色
See 赤系