#CFDFE7

#CFDFE7

Color Values

HEX

#CFDFE7

RGB

207, 223, 231

HSL

200.0, 33.3%, 85.9%

HSV

200.0, 10.4%, 90.6%

CMYK

10.4%, 3.5%, 0.0%, 9.4%

OKLCH

0.894 0.0204 229.1

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#CFDFE7

#E7D7CF

Analogous

#CFE7E3

#CFD3E7

#CFDFE7

Triadic

#CFDFE7

#E7CFDF

#DFE7CF

Split Complementary

#CFDFE7

#E7CFD3

#E7E3CF

Tetradic

#CFDFE7

#E3CFE7

#E7D7CF

#D3E7CF

Color Blindness Simulation

Original

#CFDFE7

Protanopia

#D6D6E5

Deuteranopia

#D5D4E5

Tritanopia

#D0E4E3

Achromatopsia

#DCDCDC

CSS Usage

background-color: #CFDFE7;
color: #CFDFE7;
border-color: #CFDFE7;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE7
300
#ADC9D6
400
#81ABC0
500
#558EAA
600
#447188
700
#365B6D
800
#2B4755
900
#22353F
950
#152228

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026