#EFFCFD

#EFFCFD

Color Values

HEX

#EFFCFD

RGB

239, 252, 253

HSL

184.3, 77.8%, 96.5%

HSV

184.3, 5.5%, 99.2%

CMYK

5.5%, 0.4%, 0.0%, 0.8%

OKLCH

0.9817 0.0138 202.5

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#EFFCFD

#FDF0EF

Analogous

#EFFDF7

#EFF5FD

#EFFCFD

Triadic

#EFFCFD

#FDEFFC

#FCFDEF

Split Complementary

#EFFCFD

#FDEFF5

#FDF7EF

Tetradic

#EFFCFD

#F7EFFD

#FDF0EF

#F5FDEF

Color Blindness Simulation

Original

#EFFCFD

Protanopia

#F5F5FD

Deuteranopia

#F4F3FD

Tritanopia

#F0FDFD

Achromatopsia

#F9F9F9

CSS Usage

background-color: #EFFCFD;
color: #EFFCFD;
border-color: #EFFCFD;
Nearest Tailwind: Cyan 50 #ECFEFF

Tailwind Shades

50
#F2FCFC
100
#E1F7F9
200
#C0F3F7
300
#92EBF1
400
#57E0EA
500
#1CD4E3
600
#17AAB5
700
#128891
800
#0E6A71
900
#0F4E52
950
#093134

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

20.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026