Maroon Colors  ·  Color Library

Palettes / Colors / #EBFCFE

#EBFCFE — Pale Vivid Teal

#EBFCFE is a teal color we call Pale Vivid Teal, closest to the named color Azure (#F0FFFF). It belongs to the teal family.

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

#EBFCFE · RGB 235, 252, 254

Download PNG swatch SVG

Color values

HEX#EBFCFE
RGB235, 252, 254
HSL186°, 90%, 96%
HSV186°, 7%, 100%
CMYK7%, 1%, 0%, 0%
XYZ86.96, 94.44, 107.41
Yxy94.44, 0.3011, 0.3270
CIE-Lab97.81, -5.16, -2.87
Hunter Lab97.18, -5.23, -2.90

RGB & CMYK percentages

Red 92% · Green 99% · Blue 100%

Cyan 7% · Magenta 1% · Yellow 0% · Key 0%

Previews

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

CSS code for #EBFCFE

.text { color: #EBFCFE; }
.background { background-color: #EBFCFE; }
.border { border: 3px solid #EBFCFE; }
.text-rgb { color: rgb(235, 252, 254); }
.text-hsl { color: hsl(186, 90%, 96%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EBFCFE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(235, 252, 254, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EBFCFE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(235, 252, 254, 0.8); }

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

Shades of #EBFCFE

#C0F6FC#94EFF9#64E8F7#38E2F5#0DDBF2#0AB4C7#088C9B#06606B#03393F#011213

Tints of #EBFCFE

#ECFCFE#ECFCFE#ECFCFE#ECFCFE#ECFCFE#ECFCFE#ECFCFE#ECFCFE#ECFCFE#ECFCFE

Tones of #EBFCFE

#EDFBFD#EEFAFB#F0F9FA#F1F8F9#F2F7F7#F3F6F6

Color harmonies

Complementary — #FEEDEC:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.06:1 Fails
Against black text19.89:1 AAA

Best text color on #EBFCFE: #000000.

How #EBFCFE looks with color blindness

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

Protanopia · #F2F3FEDeuteranopia · #F1F0FDTritanopia · #ECFDFD

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

Palette Ecfcff
#ECFCFF · #B2FCFF · #5EDFFF · #3E64FF
Palette 82aae3
#82AAE3 · #91D8E4 · #BFEAF5 · #EAFDFC
Palette Ecf9ff
#ECF9FF · #FFFBEB · #FFE7CC · #F8CBA6
Palette E8ffff
#E8FFFF · #A6F6F1 · #41AEA9 · #213E3B
Palette Fbfbfb
#FBFBFB · #E8F9FF · #C4D9FF · #C5BAFF
Palette Ebfffa
#EBFFFA · #C6FCE5 · #6EF3D6 · #0DCEDA

Similar colors

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

#ECFCFF#EAFDFC#ECF9FF#E8FFFF#E8F9FF#EBFFFA#EDFFFA#EFFFFB#EEF7FF#E6FFFD#F1FCFD#E9F6FF

Browse neighbouring colors

← #EBFCFD  ·  #EBFCFF →

Frequently asked questions

What color is #EBFCFE?

#EBFCFE is Pale Vivid Teal, a teal color (RGB 235, 252, 254). Its closest standard named color is Azure.

What is the RGB and HSL of #EBFCFE?

#EBFCFE is RGB 235, 252, 254 — HSL 186°, 90%, 96% — CMYK 7%, 1%, 0%, 0%.

What colors go with #EBFCFE?

Its complement is #FEEDEC; analogous partners are #ECFEF7 and #ECF3FE. It also appears in 6+ palettes in our collection.

Can I use #EBFCFE for text?

Black text on #EBFCFE has a contrast ratio of 19.89:1 (passes WCAG AA); white text gives 1.06:1.