#CFF4F9

#CFF4F9

Color Values

HEX

#CFF4F9

RGB

207, 244, 249

HSL

187.1, 77.8%, 89.4%

HSV

187.1, 16.9%, 97.6%

CMYK

16.9%, 2.0%, 0.0%, 2.4%

OKLCH

0.9424 0.0389 206.5

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CFF4F9

#F9D4CF

Analogous

#CFF9E9

#CFDFF9

#CFF4F9

Triadic

#CFF4F9

#F9CFF4

#F4F9CF

Split Complementary

#CFF4F9

#F9CFDF

#F9E9CF

Tetradic

#CFF4F9

#E9CFF9

#F9D4CF

#DFF9CF

Color Blindness Simulation

Original

#CFF4F9

Protanopia

#DFDFF8

Deuteranopia

#DDDAF8

Tritanopia

#D1F7F7

Achromatopsia

#ECECEC

CSS Usage

background-color: #CFF4F9;
color: #CFF4F9;
border-color: #CFF4F9;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F2FBFC
100
#E1F6F9
200
#C0F1F7
300
#92E6F1
400
#57D9EA
500
#1CCBE3
600
#17A3B5
700
#128291
800
#0E6671
900
#0F4A52
950
#092F34

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026