#CBD8F8

#CBD8F8

Color Values

HEX

#CBD8F8

RGB

203, 216, 248

HSL

222.7, 76.3%, 88.4%

HSV

222.7, 18.1%, 97.3%

CMYK

18.1%, 12.9%, 0.0%, 2.7%

OKLCH

0.8826 0.0464 267.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CBD8F8

#F8EBCB

Analogous

#CBEEF8

#D4CBF8

#CBD8F8

Triadic

#CBD8F8

#F8CBD8

#D8F8CB

Split Complementary

#CBD8F8

#F8D4CB

#EEF8CB

Tetradic

#CBD8F8

#F8CBEE

#F8EBCB

#CBF8D4

Color Blindness Simulation

Original

#CBD8F8

Protanopia

#D1D1F0

Deuteranopia

#D0CFEE

Tritanopia

#CCEAE9

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E2E8F9
200
#C0D0F7
300
#93AEF0
400
#5982E9
500
#1E56E1
600
#1845B4
700
#133790
800
#0F2B70
900
#0F2252
950
#0A1634

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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