#CDCFE8

#CDCFE8

Color Values

HEX

#CDCFE8

RGB

205, 207, 232

HSL

235.6, 37.0%, 85.7%

HSV

235.6, 11.6%, 91.0%

CMYK

11.6%, 10.8%, 0.0%, 9.0%

OKLCH

0.8607 0.0345 282.0

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CDCFE8

#E8E6CD

Analogous

#CDDDE8

#D9CDE8

#CDCFE8

Triadic

#CDCFE8

#E8CDCF

#CFE8CD

Split Complementary

#CDCFE8

#E8D9CD

#DDE8CD

Tetradic

#CDCFE8

#E8CDDD

#E8E6CD

#CDE8D9

Color Blindness Simulation

Original

#CDCFE8

Protanopia

#CECEE2

Deuteranopia

#CECEE0

Tritanopia

#CDDDDC

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CED0E9
300
#ABAED8
400
#7E83C4
500
#5057AF
600
#40468C
700
#333870
800
#282C57
900
#202341
950
#141629

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026