#EFF0D4

#EFF0D4

Color Values

HEX

#EFF0D4

RGB

239, 240, 212

HSL

62.1, 48.3%, 88.6%

HSV

62.1, 11.7%, 94.1%

CMYK

0.4%, 0.0%, 11.7%, 5.9%

OKLCH

0.947 0.0368 108.8

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#EFF0D4

#D5D4F0

Analogous

#F0E3D4

#E1F0D4

#EFF0D4

Triadic

#EFF0D4

#D4EFF0

#F0D4EF

Split Complementary

#EFF0D4

#D4E1F0

#E3D4F0

Tetradic

#EFF0D4

#D4F0E3

#D5D4F0

#F0D4E1

Color Blindness Simulation

Original

#EFF0D4

Protanopia

#EFEFDB

Deuteranopia

#EFEFDC

Tritanopia

#EFE0E1

Achromatopsia

#EEEEEE

CSS Usage

background-color: #EFF0D4;
color: #EFF0D4;
border-color: #EFF0D4;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBEDCA
300
#DDDFA4
400
#CBCE73
500
#B9BD42
600
#949735
700
#76792A
800
#5C5F21
900
#44461B
950
#2B2C11

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026