HEX Color #78F8BF (Aquamarine)

About #78F8BF

Visually, #78F8BF is defined as a vivid green. It is closely associated with the named CSS color Aquamarine. This translates to an RGB value of rgb(120, 248, 191).

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 52% cyan, 0% magenta, 23% yellow, and 3% black. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#78F8BF

RGB120, 248, 191

HSL153.3°, 90.1%, 72.2%

CMYK52%, 0%, 23%, 3%

HSV153.3°, 51.6%, 97.3%

LAB89.3, -48.5, 16.7

XYZ50.7, 74.9, 61.1

Decimal7927999

Color Harmonies

Complementary

#78F8BF #F877B0

Analogous

#77F87F #77F0F8

Triadic

#BF77F8 #F8BF77

Tetradic

#7E77F8 #F877B0 #F1F877

Tints, Shades & Tones

Tints (Adding White)

#78F8BF

#87F8C6

#96F9CD

#A5FAD4

#B4FBDB

#C3FBE2

#D2FCE9

#E1FDF0

#F0FEF7

#FFFFFF

Shades (Adding Black)

#78F8BF

#6ADCA9

#5DC094

#50A57F

#42896A

#356E54

#28523F

#1A372A

#0D1B15

#000000

WCAG Contrast Accessibility

1.31:1

Text on #FFFFFF

FAIL

15.98:1

Text on #000000

AAA

1.26:1

Text on #F8FAFC

FAIL

13.58:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #78F8BF; }

.text-color { color: #78F8BF; }

.border-color { border: 2px solid #78F8BF; }

Similar Colors

Aquamarine

#7FFFD4