#EEE485

#EEE485

Color Values

HEX

#EEE485

RGB

238, 228, 133

HSL

54,3, 75,5%, 72,7%

HSV

54,3, 44,1%, 93,3%

CMYK

0,0%, 4,2%, 44,1%, 6,7%

OKLCH

0,9067 0,1173 103,2

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#EEE485

#858FEE

Analogous

#EEAF85

#C3EE85

#EEE485

Triadic

#EEE485

#85EEE4

#E485EE

Split Complementary

#EEE485

#85C3EE

#AF85EE

Tetradic

#EEE485

#85EEAF

#858FEE

#EE85C3

Color Blindness Simulation

Original

#EEE485

Protanopia

#EAEA9C

Deuteranopia

#EAEBA2

Tritanopia

#EEAEB2

Achromatopsia

#DFDFDF

CSS Usage

background-color: #EEE485;
color: #EEE485;
border-color: #EEE485;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FCFBF2
100
#F9F6E2
200
#F6F1C0
300
#F0E794
400
#E8DA59
500
#E0CD1F
600
#B3A419
700
#8F8414
800
#706710
900
#514B10
950
#332F0A

Contrast Checker

Text on white

1,31:1

AA Fail AAA Fail

Text on black

16,07:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Ene 18, 2026