Flax Color

#EEE8AA

Shades

Darker variations of each color in your palette

Base Color

#EEE8AA
#EEE8AA
#BEBA88
#8F8B66
#5F5D44
#302E22
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#EEE8AA
#EEE8AA
#F1EDBB
#F5F1CC
#F8F6DD
#FCFAEE
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#EEE8AAFlax Color
RGB238, 232, 170
HSL55, 67%, 80%
CMYK0%, 3%, 29%, 7%
OKLCHoklch(0.921 0.080 103)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#EEE8AA
#EEC6AA
#EEE8AA
#D2EEAA

Analogous

#EEE8AA
#AAB0EE

Complementary

#EEE8AA
#AAEEE8
#E8AAEE

Triadic

#EEE8AA
#AAD2EE
#C6AAEE

Split Complementary

#EEE8AA
#AAEEC6
#AAB0EE
#EEAAD2

Tetradic

#554F11
#958B1D
#D5C72A
#E2D86A
#EEE8AA

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#EEE8AA
#EEAAAA
#EEEEAA
#AAEEAA
#AAEEEE
#AAAAEE
#EEAAEE

Hues

Tones

Tones created by adding gray to each color

Base Color

#EEE8AA
#EEE8AA
#D8D3A2
#C2BE99
#ACAA91
#969588
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#EEE8AA
#F1E0A2
#F3D89B
#F6D193

Warmer

#E3E0B7
#D9D8C4
#CED1D0

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#EEE8AA

On White Background

Sample Text
Contrast Ratio:1.25:1
WCAG Level:Fail
FAIL

On Black Background

Sample Text
Contrast Ratio:16.76: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)