#CED4F3

#CED4F3

Color Values

HEX

#CED4F3

RGB

206, 212, 243

HSL

230.3, 60.7%, 88.0%

HSV

230.3, 15.2%, 95.3%

CMYK

15.2%, 12.8%, 0.0%, 4.7%

OKLCH

0.8751 0.0433 276.8

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CED4F3

#F3EDCE

Analogous

#CEE6F3

#DACEF3

#CED4F3

Triadic

#CED4F3

#F3CED4

#D4F3CE

Split Complementary

#CED4F3

#F3DACE

#E6F3CE

Tetradic

#CED4F3

#F3CEE6

#F3EDCE

#CEF3DA

Color Blindness Simulation

Original

#CED4F3

Protanopia

#D1D1EC

Deuteranopia

#D0D0EA

Tritanopia

#CEE6E4

Achromatopsia

#D5D5D5

CSS Usage

background-color: #CED4F3;
color: #CED4F3;
border-color: #CED4F3;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F3F5FB
100
#E4E7F6
200
#C6CDF1
300
#9DA9E7
400
#677ADA
500
#324BCD
600
#283CA4
700
#203083
800
#192666
900
#161F4B
950
#0E132F

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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