#CBE2F0

Color Details

HEX
#CBE2F0
RGB
rgb(203, 226, 240)
HSL
hsl(203, 55%, 87%)
CMYK
cmyk(15%, 6%, 0%, 6%)
Best text on this color #000000 (CR 15.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cbe2f0
Contrast 15.68:1 AAA
White on #cbe2f0
Contrast 1.34:1 Fail
#cbe2f0 on Black
Contrast 15.68:1 AAA
#cbe2f0 on White
Contrast 1.34:1 Fail

Tints & Shades

#d5e8f3
#e0eef6
#eaf3f9
#a2b5c0
#7a8890
#515a60

Complement & Analogous

#f0dacc
#ccd0f0
#ccf0ec

Triadic

#f0cce2
#e2f0cc

Monochrome

#515a60 #7a8890 #cbe2f0 #e0eef6 #eaf3f9 #f5f9fc

Analogous

#ccf0ec #dbf5f2 #cbe2f0 #d6d9f3 #ccd0f0 #a3a6c0

Complementary Mix

#7a8890 #cbe2f0 #e0eef6 #f0dacc #f5e7de #9c8e85

Nearby Colors

#cbe2ef
#cbe2f1
#cbe2e0
#cbe300

Embed #CBE2F0 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #CBE2F0

#CBE2F0 converts to RGB(203, 226, 240) and HSL(203, 55%, 87%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#CBE2F0 FAQs

What is the RGB value of #CBE2F0?
RGB: 203, 226, 240. Copy as CSS: rgb(203, 226, 240)
Is #CBE2F0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CBE2F0?
Complement: #f0dacc.
Does #CBE2F0 have good contrast on white or black?
On white: 1.34:1 (Fails AA). On black: 15.68:1 (AAA (normal text)).