Color conversion
Color conversion for #F5CA36
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 245 | 202 | 54 | |
|---|---|---|---|---|
| HSL | 46.49° | 90.52% | 58.63% | |
| HSV | 46.49° | 77.96% | 96.08% | |
| CMYK | 0% | 17.55% | 77.96% | 3.92% |
| XYZ | 59.4461 | 61.9236 | 12.3107 | |
| Yxy | 61.9236 | 0.4447 | 0.4632 | |
| Hunter Lab | 78.6915 | -2.8667 | 45.8122 | |
| CIE-Lab | 82.8728 | 1.4183 | 73.7604 | |
| CIE-LCH | 82.8728 | 73.774 | 88.8984 | |
| CIE-LUV | 82.8728 | 36.7293 | 81.081 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11110101 | 11001010 | 00110110 |
| Octal | 365 | 312 | 66 |
| Decimal | 245 | 202 | 54 |
| Hex | F5 | CA | 36 |
RGB percentages
CMYK percentages
Shades #F5CA36
Tints #F5CA36
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#F5CA36 color on black
#F5CA36 color sample text
#F5CA36 color on white
#F5CA36 color sample text
#F5CA36 CSS codes
.background { background-color: #F5CA36; }
.text { color: #F5CA36; }
.border { border: 3px solid #F5CA36; }
.shadow { box-shadow: 0 8px 28px rgba(245, 202, 54, 0.35); }CSS preview
Accessibility
Contrast on white1.57:1Poor
Contrast on black13.38:1AAA
Web safe#FFCC33Near
Luminance0.61920-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#F5CA36 color
PortuguêsCor #F5CA36
EspañolColor #F5CA36
한국어#F5CA36 색상
日本語#F5CA36 の色
中文#F5CA36 颜色
DeutschFarbe #F5CA36
FrançaisCouleur #F5CA36
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #F5CA36 color.
Related shades
See Yellows