#CBF6F8

Color Details

HEX
#CBF6F8
RGB
rgb(203, 246, 248)
HSL
hsl(183, 76%, 88%)
CMYK
cmyk(18%, 1%, 0%, 3%)
Best text on this color #000000 (CR 18.08:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cbf6f8
Contrast 18.08:1 AAA
White on #cbf6f8
Contrast 1.16:1 Fail
#cbf6f8 on Black
Contrast 18.08:1 AAA
#cbf6f8 on White
Contrast 1.16:1 Fail

Tints & Shades

#d5f8f9
#e0fafb
#eafbfc
#a2c5c6
#7a9495
#516263

Complement & Analogous

#f8cbc9
#c9def8
#c9f8e3

Triadic

#f8c9f5
#f5f8c9

Monochrome

#516263 #7a9495 #cbf6f8 #e0fafb #eafbfc #f5fdfe

Analogous

#c9f8e3 #d9faeb #cbf6f8 #d4e5f9 #c9def8 #a1b2c6

Complementary Mix

#7a9495 #cbf6f8 #e0fafb #f8cbc9 #fadddc #a18483

Nearby Colors

#cbf6f7
#cbf6f9
#cbf6e8
#cbf708

Embed #CBF6F8 swatch

Embed this swatch

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

Open image

About #CBF6F8

#CBF6F8 converts to RGB(203, 246, 248) and HSL(183, 76%, 88%). 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).

#CBF6F8 FAQs

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