#CBD2F0

#CBD2F0

Color Values

HEX

#CBD2F0

RGB

203, 210, 240

HSL

228.6, 55.2%, 86.9%

HSV

228.6, 15.4%, 94.1%

CMYK

15.4%, 12.5%, 0.0%, 5.9%

OKLCH

0.8679 0.0422 275.1

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBD2F0

#F0E9CB

Analogous

#CBE5F0

#D7CBF0

#CBD2F0

Triadic

#CBD2F0

#F0CBD2

#D2F0CB

Split Complementary

#CBD2F0

#F0D7CB

#E5F0CB

Tetradic

#CBD2F0

#F0CBE5

#F0E9CB

#CBF0D7

Color Blindness Simulation

Original

#CBD2F0

Protanopia

#CECEE9

Deuteranopia

#CECDE7

Tritanopia

#CBE3E2

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E5E8F6
200
#C8CFEF
300
#A0ADE4
400
#6D80D5
500
#3954C6
600
#2E439E
700
#25367F
800
#1D2A63
900
#182249
950
#0F152E

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026