Color conversion
Color conversion for #F5E46C
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 245 | 228 | 108 | |
|---|---|---|---|---|
| HSL | 52.55° | 87.26% | 69.22% | |
| HSV | 52.55° | 55.92% | 96.08% | |
| CMYK | 0% | 6.94% | 55.92% | 3.92% |
| XYZ | 68.1087 | 75.9846 | 25.2633 | |
| Yxy | 75.9846 | 0.4022 | 0.4487 | |
| Hunter Lab | 87.1691 | -13.078 | 43.8417 | |
| CIE-Lab | 89.8522 | -8.8298 | 59.6071 | |
| CIE-LCH | 89.8522 | 60.2575 | 98.4261 | |
| CIE-LUV | 89.8522 | 16.8107 | 75.2289 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11110101 | 11100100 | 01101100 |
| Octal | 365 | 344 | 154 |
| Decimal | 245 | 228 | 108 |
| Hex | F5 | E4 | 6C |
RGB percentages
CMYK percentages
Shades #F5E46C
Tints #F5E46C
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#F5E46C color on black
#F5E46C color sample text
#F5E46C color on white
#F5E46C color sample text
#F5E46C CSS codes
.background { background-color: #F5E46C; }
.text { color: #F5E46C; }
.border { border: 3px solid #F5E46C; }
.shadow { box-shadow: 0 8px 28px rgba(245, 228, 108, 0.35); }CSS preview
Accessibility
Contrast on white1.3:1Poor
Contrast on black16.2:1AAA
Web safe#FFCC66Near
Luminance0.75980-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#F5E46C color
PortuguêsCor #F5E46C
EspañolColor #F5E46C
한국어#F5E46C 색상
日本語#F5E46C の色
中文#F5E46C 颜色
DeutschFarbe #F5E46C
FrançaisCouleur #F5E46C
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #F5E46C color.
Related shades
See Yellows