Maroon Colors  ·  Color Library

Palettes / Colors / #EBFAFA

#EBFAFA — Pale Teal

#EBFAFA is a teal color we call Pale Teal, closest to the named color AliceBlue (#F0F8FF). It belongs to the teal family.

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

#EBFAFA · RGB 235, 250, 250

Download PNG swatch SVG

Color values

HEX#EBFAFA
RGB235, 250, 250
HSL180°, 60%, 95%
HSV180°, 6%, 98%
CMYK6%, 0%, 0%, 2%
XYZ85.70, 92.94, 103.86
Yxy92.94, 0.3034, 0.3290
CIE-Lab97.20, -4.89, -1.70
Hunter Lab96.40, -4.95, -1.71

RGB & CMYK percentages

Red 92% · Green 98% · Blue 98%

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

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

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

CSS code for #EBFAFA

.text { color: #EBFAFA; }
.background { background-color: #EBFAFA; }
.border { border: 3px solid #EBFAFA; }
.text-rgb { color: rgb(235, 250, 250); }
.text-hsl { color: hsl(180, 60%, 95%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EBFAFA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(235, 250, 250, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EBFAFA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(235, 250, 250, 0.8); }

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

Shades of #EBFAFA

#C6F1F1#A1E8E8#7CDEDE#58D5D5#33CCCC#29A3A3#207E7E#165A5A#0D3535#041010

Tints of #EBFAFA

#EBFAFA#EBFAFA#EBFAFA#EBFAFA#EFFBFB#EFFBFB#EFFBFB#EFFBFB#EFFBFB#EFFBFB

Tones of #EBFAFA

#ECF9F9#EDF8F8#EEF7F7#EFF6F6#F0F4F4#F1F3F3

Color harmonies

Complementary — #FAEBEB:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.07:1 Fails
Against black text19.59:1 AAA

Best text color on #EBFAFA: #000000.

How #EBFAFA looks with color blindness

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

Protanopia · #F1F2FADeuteranopia · #F1F0FATritanopia · #ECFAFA

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 a similar color

These palettes use a close neighbour of #EBFAFA rather than the exact color:

Palette Ecf8f9
#ECF8F9 · #068DA9 · #7E1717 · #E55807
Palette 82aae3
#82AAE3 · #91D8E4 · #BFEAF5 · #EAFDFC
Palette Ebfffa
#EBFFFA · #C6FCE5 · #6EF3D6 · #0DCEDA
Palette Ecf9ff
#ECF9FF · #FFFBEB · #FFE7CC · #F8CBA6
Palette Edfffa
#EDFFFA · #8BD5CB · #C56868 · #974949
Palette Ecfcff
#ECFCFF · #B2FCFF · #5EDFFF · #3E64FF

Similar colors

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

#ECF8F9#EAFDFC#EBFFFA#ECF9FF#EDFFFA#ECFCFF#E8F9FF#F1F9F9#EFFFFB#EEF7FF#E9F6FF#F1FCFD

Browse neighbouring colors

← #EBFAF9  ·  #EBFAFB →

Frequently asked questions

What color is #EBFAFA?

#EBFAFA is Pale Teal, a teal color (RGB 235, 250, 250). Its closest standard named color is AliceBlue.

What is the RGB and HSL of #EBFAFA?

#EBFAFA is RGB 235, 250, 250 — HSL 180°, 60%, 95% — CMYK 6%, 0%, 0%, 2%.

What colors go with #EBFAFA?

Its complement is #FAEBEB; analogous partners are #EBFAF2 and #EBF2FA. It also appears in 6+ palettes in our collection.

Can I use #EBFAFA for text?

Black text on #EBFAFA has a contrast ratio of 19.59:1 (passes WCAG AA); white text gives 1.07:1.