#CBD4F4

#CBD4F4

Color Values

HEX

#CBD4F4

RGB

203, 212, 244

HSL

226.8, 65.1%, 87.6%

HSV

226.8, 16.8%, 95.7%

CMYK

16.8%, 13.1%, 0.0%, 4.3%

OKLCH

0.8732 0.0453 273.0

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#CBD4F4

#F4EBCB

Analogous

#CBE8F4

#D6CBF4

#CBD4F4

Triadic

#CBD4F4

#F4CBD4

#D4F4CB

Split Complementary

#CBD4F4

#F4D6CB

#E8F4CB

Tetradic

#CBD4F4

#F4CBE8

#F4EBCB

#CBF4D6

Color Blindness Simulation

Original

#CBD4F4

Protanopia

#CFCFEC

Deuteranopia

#CECEEA

Tritanopia

#CBE6E5

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E8F7
200
#C4CEF3
300
#9AABEA
400
#637EDE
500
#2C51D3
600
#2441A8
700
#1C3487
800
#162969
900
#14214D
950
#0D1531

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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