Mimosa Color
#F4E001
Shades
Darker variations of each color in your palette
Base Color
#F4E001#F4E001
#C3B301
#928601
#625A00
#312D00
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#F4E001#F4E001
#F6E634
#F8EC67
#FBF399
#FDF9CC
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #F4E001 |  |
| RGB | 244, 224, 1 | |
| HSL | 55, 99%, 48% | |
| CMYK | 0%, 8%, 100%, 4% | |
| OKLCH | oklch(0.895 0.188 103) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#F4E001#F46601
#F4E001
#8FF401
Analogous
#F4E001
#0115F4
Complementary
#F4E001
#01F4DF
#DF01F4
Triadic
#F4E001
#018FF4
#6601F4
Split Complementary
#F4E001
#01F466
#0115F4
#F4018F
Tetradic
#655D01
#B2A301
#FEE901
#FEEF4D
#FEF69A
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#F4E001#F40101
#F4F401
#01F401
#01F4F4
#0101F4
#F401F4
Hues
Tones
Tones created by adding gray to each color
Base Color
#F4E001#F4E001
#DDCD1A
#C6BA34
#AEA64D
#979367
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#F4E001#F6D901
#F7D201
#F9CA01
Warmer
#E9D927
#DED24D
#D3CA73
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#F4E001On White Background
Sample Text
Contrast Ratio:1.35:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:15.51:1
WCAG Level:AAA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)