#CBD3F2

#CBD3F2

Color Values

HEX

#CBD3F2

RGB

203, 211, 242

HSL

227.7, 60.0%, 87.3%

HSV

227.7, 16.1%, 94.9%

CMYK

16.1%, 12.8%, 0.0%, 5.1%

OKLCH

0.8705 0.0438 274.0

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBD3F2

#F2EACB

Analogous

#CBE7F2

#D7CBF2

#CBD3F2

Triadic

#CBD3F2

#F2CBD3

#D3F2CB

Split Complementary

#CBD3F2

#F2D7CB

#E7F2CB

Tetradic

#CBD3F2

#F2CBE7

#F2EACB

#CBF2D7

Color Blindness Simulation

Original

#CBD3F2

Protanopia

#CECFEB

Deuteranopia

#CECDE9

Tritanopia

#CBE5E3

Achromatopsia

#D4D4D4

CSS Usage

background-color: #CBD3F2;
color: #CBD3F2;
border-color: #CBD3F2;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F5FB
100
#E4E8F6
200
#C6CFF1
300
#9DACE7
400
#687FD9
500
#3352CC
600
#2942A3
700
#213583
800
#1A2966
900
#16214B
950
#0E152F

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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