Maroon Colors  ·  Color Library

Palettes / Colors / #CBEFEF

#CBEFEF — Pale Muted Teal

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

#CBEFEF 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 #EFCCCC; it also sits naturally between #CCEFDE and #CCDEEF. In the palettes below you can see it working alongside real color combinations from our collection.

#CBEFEF · RGB 203, 239, 239

Download PNG swatch SVG

Color values

HEX#CBEFEF
RGB203, 239, 239
HSL180°, 53%, 87%
HSV180°, 15%, 94%
CMYK15%, 0%, 0%, 6%
XYZ71.08, 80.66, 93.48
Yxy80.66, 0.2898, 0.3289
CIE-Lab91.98, -11.60, -3.91
Hunter Lab89.81, -11.29, -3.88

RGB & CMYK percentages

Red 80% · Green 94% · Blue 94%

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

Previews

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

CSS code for #CBEFEF

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

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

Shades of #CBEFEF

#ADE6E6#8ADBDB#6BD1D1#4CC8C8#37B3B3#2C9090#237171#195252#0E2F2F#051010

Tints of #CBEFEF

#D0F1F1#D4F2F2#D8F3F3#DCF4F4#E0F5F5#E0F5F5#E4F7F7#E8F8F8#EBF9F9#EFFAFA

Tones of #CBEFEF

#CFEDED#D1EAEA#D4E8E8#D6E5E5#D9E3E3#DBE1E1

Color harmonies

Complementary — #EFCCCC:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #CBEFEF: #000000.

How #CBEFEF looks with color blindness

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

Protanopia · #DBDBEFDeuteranopia · #D9D6EFTritanopia · #CDEFEF

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 #CBEFEF or a close neighbour

Crystal Ruby Aurora
#134077 · #1143B0 · #6895D5 · #CBEFEE
Amber Saffron
#9C2524 · #DD6E7F · #47D3D4 · #CEF0EE
Palette C8f0f0
#C8F0F0 · #86D8DC · #7047A3 · #3A276A
Vintage Ruby Mirage
#1EBBC8 · #DC20CE · #C5D21F · #C9ECF1
Golden Ruby Dusk
#1B7685 · #D639C1 · #B9D02B · #CAEBEE
Palette F9fa9b
#F9FA9B · #FF7777 · #CEECF0 · #F0F3F3

Similar colors

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

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

Browse neighbouring colors

← #CBEFEE  ·  #CBEFF0 →

Frequently asked questions

What color is #CBEFEF?

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

What is the RGB and HSL of #CBEFEF?

#CBEFEF is RGB 203, 239, 239 — HSL 180°, 53%, 87% — CMYK 15%, 0%, 0%, 6%.

What colors go with #CBEFEF?

Its complement is #EFCCCC; analogous partners are #CCEFDE and #CCDEEF. It also appears in 6+ palettes in our collection.

Can I use #CBEFEF for text?

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