Maroon Colors  ·  Color Library

Palettes / Colors / #CBEFEE

#CBEFEE — Pale Muted Teal

#CBEFEE is a teal color we call Pale Muted Teal, closest to the named color PaleTurquoise (#AFEEEE). It belongs to the teal family.

#CBEFEE is a cool teal color associated with freshness, clarity and balance. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #EFCCCD; it also sits naturally between #CCEFDD and #CCDFEF. In the palettes below you can see it working alongside real color combinations from our collection.

#CBEFEE · RGB 203, 239, 238

Download PNG swatch SVG

Color values

HEX#CBEFEE
RGB203, 239, 238
HSL178°, 53%, 87%
HSV178°, 15%, 94%
CMYK15%, 0%, 0%, 6%
XYZ70.93, 80.60, 92.71
Yxy80.60, 0.2904, 0.3300
CIE-Lab91.95, -11.80, -3.43
Hunter Lab89.78, -11.48, -3.39

RGB & CMYK percentages

Red 80% · Green 94% · Blue 93%

Cyan 15% · Magenta 0% · Yellow 0% · Key 6%

Previews

Sample text in #CBEFEE on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #CBEFEE on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #CBEFEE

.text { color: #CBEFEE; }
.background { background-color: #CBEFEE; }
.border { border: 3px solid #CBEFEE; }
.text-rgb { color: rgb(203, 239, 238); }
.text-hsl { color: hsl(178, 53%, 87%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CBEFEE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(203, 239, 238, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CBEFEE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(203, 239, 238, 0.8); }

HTML: <p style="color:#CBEFEE">Text here</p> · <div style="background-color:#CBEFEE">Div content here</div>

Shades of #CBEFEE

#ADE6E4#8ADBD8#6BD1CE#4CC8C4#37B3AF#2C908D#23716F#195250#0E2F2E#05100F

Tints of #CBEFEE

#D0F1F0#D4F2F1#D8F3F2#DCF4F3#E0F5F5#E0F5F5#E4F7F6#E8F8F7#EBF9F9#EFFAFA

Tones of #CBEFEE

#CFEDEC#D1EAEA#D4E8E7#D6E5E5#D9E3E2#DBE1E0

Color harmonies

Complementary — #EFCCCD:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.23:1 Fails
Against black text17.12:1 AAA

Best text color on #CBEFEE: #000000.

How #CBEFEE looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #DBDBEEDeuteranopia · #D9D6EETritanopia · #CDEEEE

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9ETailwind purple 500 · #A855F7

Palettes with #CBEFEE

Crystal Ruby Aurora
#134077 · #1143B0 · #6895D5 · #CBEFEE
Amber Saffron
#9C2524 · #DD6E7F · #47D3D4 · #CEF0EE
Serene Ruby Cinder
#CDEEEB · #62CBBF · #278C81 · #194D47
Palette C8f0f0
#C8F0F0 · #86D8DC · #7047A3 · #3A276A
Golden Ruby Dusk
#1B7685 · #D639C1 · #B9D02B · #CAEBEE
Palette Cdf0ea
#CDF0EA · #F9F9F9 · #F7DBF0 · #BEAEE2

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#CEF0EE#CDEEEB#C8F0F0#CAEBEE#CDF0EA#CFF1EF#C9ECF1#CEECF0#CFECEC#C8EFF3#CCF2F4#CFECF3

Browse neighbouring colors

← #CBEFED  ·  #CBEFEF →

Frequently asked questions

What color is #CBEFEE?

#CBEFEE is Pale Muted Teal, a teal color (RGB 203, 239, 238). Its closest standard named color is PaleTurquoise.

What is the RGB and HSL of #CBEFEE?

#CBEFEE is RGB 203, 239, 238 — HSL 178°, 53%, 87% — CMYK 15%, 0%, 0%, 6%.

What colors go with #CBEFEE?

Its complement is #EFCCCD; analogous partners are #CCEFDD and #CCDFEF. It also appears in 6+ palettes in our collection.

Can I use #CBEFEE for text?

Black text on #CBEFEE has a contrast ratio of 17.12:1 (passes WCAG AA); white text gives 1.23:1.