#CBD4F0

#CBD4F0

Color Values

HEX

#CBD4F0

RGB

203, 212, 240

HSL

225.4, 55.2%, 86.9%

HSV

225.4, 15.4%, 94.1%

CMYK

15.4%, 11.7%, 0.0%, 5.9%

OKLCH

0.8718 0.0399 271.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBD4F0

#F0E7CB

Analogous

#CBE7F0

#D5CBF0

#CBD4F0

Triadic

#CBD4F0

#F0CBD4

#D4F0CB

Split Complementary

#CBD4F0

#F0D5CB

#E7F0CB

Tetradic

#CBD4F0

#F0CBE7

#F0E7CB

#CBF0D5

Color Blindness Simulation

Original

#CBD4F0

Protanopia

#CFCFE9

Deuteranopia

#CECEE8

Tritanopia

#CBE4E3

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5E9F6
200
#C8D1EF
300
#A0B0E4
400
#6D86D5
500
#395BC6
600
#2E499E
700
#253A7F
800
#1D2E63
900
#182449
950
#0F172E

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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