#EFF1F6

#EFF1F6

Color Values

HEX

#EFF1F6

RGB

239, 241, 246

HSL

222.9, 28.0%, 95.1%

HSV

222.9, 2.8%, 96.5%

CMYK

2.8%, 2.0%, 0.0%, 3.5%

OKLCH

0.958 0.007 268.5

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#EFF1F6

#F6F4EF

Analogous

#EFF4F6

#F1EFF6

#EFF1F6

Triadic

#EFF1F6

#F6EFF1

#F1F6EF

Split Complementary

#EFF1F6

#F6F1EF

#F4F6EF

Tetradic

#EFF1F6

#F6EFF4

#F6F4EF

#EFF6F1

Color Blindness Simulation

Original

#EFF1F6

Protanopia

#F0F0F5

Deuteranopia

#F0F0F4

Tritanopia

#EFF4F4

Achromatopsia

#F1F1F1

CSS Usage

background-color: #EFF1F6;
color: #EFF1F6;
border-color: #EFF1F6;
Nearest Tailwind: Slate 100 #F1F5F9

Tailwind Shades

50
#F6F7F9
100
#E9EBF1
200
#D1D7E5
300
#B1BAD3
400
#8695BB
500
#5C70A3
600
#495A83
700
#3B4868
800
#2E3852
900
#242B3D
950
#171B26

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.58: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