#CFE2E6

#CFE2E6

Color Values

HEX

#CFE2E6

RGB

207, 226, 230

HSL

190.4, 31.5%, 85.7%

HSV

190.4, 10.0%, 90.2%

CMYK

10.0%, 1.7%, 0.0%, 9.8%

OKLCH

0.8998 0.021 211.8

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#CFE2E6

#E6D3CF

Analogous

#CFE6DF

#CFD7E6

#CFE2E6

Triadic

#CFE2E6

#E6CFE2

#E2E6CF

Split Complementary

#CFE2E6

#E6CFD7

#E6DFCF

Tetradic

#CFE2E6

#DFCFE6

#E6D3CF

#D7E6CF

Color Blindness Simulation

Original

#CFE2E6

Protanopia

#D7D7E5

Deuteranopia

#D6D5E5

Tritanopia

#D0E4E4

Achromatopsia

#DEDEDE

CSS Usage

background-color: #CFE2E6;
color: #CFE2E6;
border-color: #CFE2E6;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F5F9F9
100
#E8F0F2
200
#D0E3E7
300
#AFCED5
400
#83B4BE
500
#579AA8
600
#467B86
700
#38626B
800
#2C4D54
900
#23393E
950
#162427

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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