#CFFAF3

#CFFAF3

Color Values

HEX

#CFFAF3

RGB

207, 250, 243

HSL

170,2, 81,1%, 89,6%

HSV

170,2, 17,2%, 98,0%

CMYK

17,2%, 0,0%, 2,8%, 2,0%

OKLCH

0,953 0,045 184,4

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CFFAF3

#FACFD6

Analogous

#CFFADD

#CFECFA

#CFFAF3

Triadic

#CFFAF3

#F3CFFA

#FAF3CF

Split Complementary

#CFFAF3

#FACFEC

#FADDCF

Tetradic

#CFFAF3

#DDCFFA

#FACFD6

#ECFACF

Color Blindness Simulation

Original

#CFFAF3

Protanopia

#E2E2F5

Deuteranopia

#DFDCF5

Tritanopia

#D1F6F6

Achromatopsia

#F0F0F0

CSS Usage

background-color: #CFFAF3;
color: #CFFAF3;
border-color: #CFFAF3;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F2FDFB
100
#E1F9F5
200
#BEF8EF
300
#90F3E3
400
#54EDD4
500
#18E7C5
600
#13B99E
700
#0F947E
800
#0C7363
900
#0D5448
950
#08352E

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

18,62: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