#CBF1FE

Color Details

HEX
#CBF1FE
RGB
rgb(203, 241, 254)
HSL
hsl(195, 96%, 90%)
CMYK
cmyk(20%, 5%, 0%, 0%)
Best text on this color #000000 (CR 17.55:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cbf1fe
Contrast 17.55:1 AAA
White on #cbf1fe
Contrast 1.20:1 Fail
#cbf1fe on Black
Contrast 17.55:1 AAA
#cbf1fe on White
Contrast 1.20:1 Fail

Tints & Shades

#d5f4fe
#e0f7fe
#eaf9ff
#a2c1cb
#7a9198
#516066

Complement & Analogous

#fed9cd
#cdd9fe
#cdfef2

Triadic

#fecdf2
#f2fecd

Monochrome

#516066 #7a9198 #cbf1fe #e0f7fe #eaf9ff #f5fcff

Analogous

#cdfef2 #dcfef6 #cbf1fe #d7e1fe #cdd9fe #a4aecb

Complementary Mix

#7a9198 #cbf1fe #e0f7fe #fed9cd #fee6df #a58d85

Nearby Colors

#cbf1fd
#cbf1ff
#cbf1ee
#cbf20e

Embed #CBF1FE swatch

Embed this swatch

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

Open image

About #CBF1FE

#CBF1FE converts to RGB(203, 241, 254) and HSL(195, 96%, 90%). 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).

#CBF1FE FAQs

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