Maroon Colors  ·  Color Library

Palettes / Colors / #73FCDB

#73FCDB — Light Vivid Teal

#73FCDB is a teal color we call Light Vivid Teal, closest to the named color Aquamarine (#7FFFD4). It belongs to the teal family.

Color name

Closest CSS keyword: aquamarine (#7FFFD4) — not an exact match. CSS aquamarine gives you #7FFFD4, a different color; use #73FCDB when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#73FCDB is a cool teal color associated with freshness, clarity and balance. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

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

#73FCDB · RGB 115, 252, 219

Download PNG swatch SVG

Color values

HEX#73FCDB
RGB115, 252, 219
HSL166°, 96%, 72%
HSV166°, 54%, 99%
CMYK54%, 0%, 13%, 1%
XYZ54.67, 78.38, 79.27
Yxy78.38, 0.2575, 0.3692
CIE-Lab90.95, -45.19, 4.49
Hunter Lab88.53, -40.62, 4.23

RGB & CMYK percentages

Red 45% · Green 99% · Blue 86%

Cyan 54% · Magenta 0% · Yellow 13% · Key 1%

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

Previews

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

CSS code for #73FCDB

.text { color: #73FCDB; }
.background { background-color: #73FCDB; }
.border { border: 3px solid #73FCDB; }
.text-rgb { color: rgb(115, 252, 219); }
.text-hsl { color: hsl(166, 96%, 72%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #73FCDB; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(115, 252, 219, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #73FCDB; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(115, 252, 219, 0.8); }

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

Shades of #73FCDB

#50FBD3#2DFBCB#0FFAC3#05E1AE#04BE93#039B78#02785D#025A45#01372A#00140F

Tints of #73FCDB

#7DFCDF#8CFDE2#96FDE5#A5FDE9#AFFDEB#B9FEEE#C8FEF1#D2FEF4#E1FEF8#EBFFFA

Tones of #73FCDB

#7DF2D7#86E9D2#90DFCD#9AD5C7#A4CBC2#AEC2BD

Color harmonies

Complementary — #FC7393:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.26:1 Fails
Against black text16.68:1 AAA

Best text color on #73FCDB: #000000.

Semi-transparent (opacity) text on #73FCDB

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #73FCDB: ·

How #73FCDB looks with color blindness

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

Protanopia · #AEB0E3Deuteranopia · #A69CE5Tritanopia · #7AE9EB

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 info · #0DCAF0Material Grey 500 · #9E9E9ETailwind teal 500 · #14B8A6

Palettes with a similar color

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

Palette 70ffd2
#70FFD2 · #FFFC8C · #FFCC4D · #FF9137
Palette 7effdb
#7EFFDB · #B693FE · #8C82FC · #FF9DE2
Palette Ebfffa
#EBFFFA · #C6FCE5 · #6EF3D6 · #0DCEDA
Palette 252525
#252525 · #6930C3 · #64DFDF · #80FFDB
Royal Ruby Mirage
#17AB70 · #78EDD8 · #CF1C64 · #EDA9B7
Velvet Drift
#0E8D64 · #70F0D0 · #EB3E76 · #F3BAD2

Similar colors

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

#70FFD2#7EFFDB#6EF3D6#80FFDB#78EDD8#70F0D0#6AECE1#73E9D6#6EEDCF#64F0D3#64EDDE#6FE7DD

Browse neighbouring colors

← #73FCDA  ·  #73FCDC →

Frequently asked questions

What color is #73FCDB?

#73FCDB is Light Vivid Teal, a teal color (RGB 115, 252, 219). Its closest standard named color is Aquamarine.

What is the RGB and HSL of #73FCDB?

#73FCDB is RGB 115, 252, 219 — HSL 166°, 96%, 72% — CMYK 54%, 0%, 13%, 1%.

What colors go with #73FCDB?

Its complement is #FC7393; analogous partners are #73FC98 and #73D8FC. It also appears in 6+ palettes in our collection.

Can I use #73FCDB for text?

Black text on #73FCDB has a contrast ratio of 16.68:1 (passes WCAG AA); white text gives 1.26:1.