Citrine Color
#E4D96F
Shades
Darker variations of each color in your palette
Base Color
#E4D96F#E4D96F
#B6AE59
#898243
#5B572C
#2E2B16
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#E4D96F#E4D96F
#E9E18C
#EFE8A9
#F4F0C5
#FAF7E2
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #E4D96F |  |
| RGB | 228, 217, 111 | |
| HSL | 54, 68%, 66% | |
| CMYK | 0%, 5%, 51%, 11% | |
| OKLCH | oklch(0.873 0.128 103) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#E4D96F#E39D6D
#E4D96F
#B4E36D
Analogous
#E4D96F
#6D79E3
Complementary
#E4D96F
#6DE3D7
#D76DE3
Triadic
#E4D96F
#6DB4E3
#9D6DE3
Split Complementary
#E4D96F
#6DE39D
#6D79E3
#E36DB4
Tetradic
#564F10
#968A1D
#D6C529
#E2D669
#EFE8A9
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#E4D96F#E36D6D
#E3E36D
#6DE36D
#6DE3E3
#6D6DE3
#E36DE3
Hues
Tones
Tones created by adding gray to each color
Base Color
#E4D96F#E4D96F
#D0C772
#BCB576
#A8A479
#94927D
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#E4D96F#E8D26A
#ECCC65
#F0C560
Warmer
#DAD285
#CFCC9A
#C5C5B0
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#E4D96FOn White Background
Sample Text
Contrast Ratio:1.45:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:14.45: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)