Maroon Colors  ·  Color Library

Palettes / Colors / #DBEFF5

#DBEFF5 — Pale Teal

#DBEFF5 is a teal color we call Pale Teal, closest to the named color Lavender (#E6E6FA). It belongs to the teal family.

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

#DBEFF5 · RGB 219, 239, 245

Download PNG swatch SVG

Color values

HEX#DBEFF5
RGB219, 239, 245
HSL194°, 57%, 91%
HSV194°, 11%, 96%
CMYK11%, 2%, 0%, 4%
XYZ76.56, 83.39, 98.45
Yxy83.39, 0.2963, 0.3227
CIE-Lab93.18, -5.39, -5.15
Hunter Lab91.32, -5.35, -5.16

RGB & CMYK percentages

Red 86% · Green 94% · Blue 96%

Cyan 11% · Magenta 2% · Yellow 0% · Key 4%

Previews

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

CSS code for #DBEFF5

.text { color: #DBEFF5; }
.background { background-color: #DBEFF5; }
.border { border: 3px solid #DBEFF5; }
.text-rgb { color: rgb(219, 239, 245); }
.text-hsl { color: hsl(194, 57%, 91%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DBEFF5; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(219, 239, 245, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DBEFF5; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(219, 239, 245, 0.8); }

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

Shades of #DBEFF5

#B7DFEB#97D1E2#73C1D9#4FB1CF#35A0C0#2B829C#216478#174654#0E2B34#040D10

Tints of #DBEFF5

#DFF1F6#DFF1F6#E3F3F7#E3F3F7#E7F4F8#E7F4F8#EBF6FA#EBF6FA#EFF8FB#EFF8FB

Tones of #DBEFF5

#DDEEF3#DFEDF1#E0ECF0#E3EBEE#E4EAEC#E6E9EA

Color harmonies

Complementary — #F5E1DB:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.19:1 Fails
Against black text17.68:1 AAA

Best text color on #DBEFF5: #000000.

How #DBEFF5 looks with color blindness

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

Protanopia · #E4E4F4Deuteranopia · #E3E1F3Tritanopia · #DCF2F2

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

Cosmic Mosaic
#C0EFAE · #C1EED8 · #DDEEF6 · #B5AFEC
Palette 283149
#283149 · #404B69 · #F73859 · #DBEDF3
Radiant Mirage
#AFEEBA · #DBEFF2 · #CDC9EA · #ECB4E8
Palette Dbf1f2
#DBF1F2 · #CD5555 · #882042 · #EFEDBB
Palette Ddf3f5
#DDF3F5 · #A6DCEF · #F2AAAA · #E36387
Palette Dcf2f1
#DCF2F1 · #7FC7D9 · #365486 · #0F1035

Similar colors

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

#DDEEF6#DBEDF3#DBEFF2#DBF1F2#DDF3F5#DCF2F1#DAF4F5#D7F2F7#DFF1F1#DEEDF0#DAEAF1#DFF4F3

Browse neighbouring colors

← #DBEFF4  ·  #DBEFF6 →

Frequently asked questions

What color is #DBEFF5?

#DBEFF5 is Pale Teal, a teal color (RGB 219, 239, 245). Its closest standard named color is Lavender.

What is the RGB and HSL of #DBEFF5?

#DBEFF5 is RGB 219, 239, 245 — HSL 194°, 57%, 91% — CMYK 11%, 2%, 0%, 4%.

What colors go with #DBEFF5?

Its complement is #F5E1DB; analogous partners are #DBF5EE and #DBE2F5. It also appears in 6+ palettes in our collection.

Can I use #DBEFF5 for text?

Black text on #DBEFF5 has a contrast ratio of 17.68:1 (passes WCAG AA); white text gives 1.19:1.