#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026