#CAF6F8

#CAF6F8

Color Values

HEX

#CAF6F8

RGB

202, 246, 248

HSL

182.6, 76.7%, 88.2%

HSV

182.6, 18.5%, 97.3%

CMYK

18.5%, 0.8%, 0.0%, 2.7%

OKLCH

0.943 0.0452 199.8

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CAF6F8

#F8CCCA

Analogous

#CAF8E3

#CADFF8

#CAF6F8

Triadic

#CAF6F8

#F8CAF6

#F6F8CA

Split Complementary

#CAF6F8

#F8CADF

#F8E3CA

Tetradic

#CAF6F8

#E3CAF8

#F8CCCA

#DFF8CA

Color Blindness Simulation

Original

#CAF6F8

Protanopia

#DDDDF8

Deuteranopia

#DAD7F7

Tritanopia

#CCF7F7

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F8F9
200
#C0F4F7
300
#93EDF1
400
#58E3E9
500
#1ED9E1
600
#18ADB4
700
#138B90
800
#0F6C71
900
#0F4F52
950
#093234

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.05:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026