色変換
色変換 for #CCD33A の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 204 | 211 | 58 | |
|---|---|---|---|---|
| HSL | 62.75° | 63.49% | 52.75% | |
| HSV | 62.75° | 72.51% | 82.75% | |
| CMYK | 3.32% | 0% | 72.51% | 17.25% |
| XYZ | 48.9614 | 59.7326 | 12.9525 | |
| Yxy | 59.7326 | 0.4025 | 0.491 | |
| Hunter Lab | 77.2869 | -22.1728 | 44.1683 | |
| CIE-Lab | 81.6926 | -20.2759 | 70.0735 | |
| CIE-LCH | 81.6926 | 72.948 | 106.1379 | |
| CIE-LUV | 81.6926 | 1.3053 | 82.948 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11001100 | 11010011 | 00111010 |
| Octal | 314 | 323 | 72 |
| Decimal | 204 | 211 | 58 |
| Hex | CC | D3 | 3A |
RGB比率
CMYK比率
濃い色 #CCD33A
淡い色 #CCD33A
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#CCD33A の色 黒背景
#CCD33A の色 サンプルテキスト
#CCD33A の色 白背景
#CCD33A の色 サンプルテキスト
#CCD33A CSSコード
.background { background-color: #CCD33A; }
.text { color: #CCD33A; }
.border { border: 3px solid #CCD33A; }
.shadow { box-shadow: 0 8px 28px rgba(204, 211, 58, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト1.62:1低い
黒とのコントラスト12.95:1AAA
Webセーフカラー#CCCC33Near
輝度0.59730-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#CCD33A color
PortuguêsCor #CCD33A
EspañolColor #CCD33A
한국어#CCD33A 색상
日本語#CCD33A の色
中文#CCD33A 颜色
DeutschFarbe #CCD33A
FrançaisCouleur #CCD33A
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #CCD33A の色.
近い色
See 黄色系