HEX Color #078350 (Seagreen)

About #078350

The hex code #078350 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Seagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 131, and 80.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 95% cyan and 0% magenta inks. With a hue angle of 155.3 degrees, it sits comfortably in the green spectrum.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#078350

RGB7, 131, 80

HSL155.3°, 89.9%, 27.1%

CMYK95%, 0%, 39%, 49%

HSV155.3°, 94.7%, 51.4%

LAB48.1, -42.9, 19.3

XYZ9.7, 16.9, 10.3

Decimal492368

Color Harmonies

Complementary

#078350 #830739

Analogous

#078311 #077783

Triadic

#500783 #834F07

Tetradic

#110783 #830739 #778307

Tints, Shades & Tones

Tints (Adding White)

#078350

#229063

#3E9E76

#59AC8A

#75BA9D

#90C7B1

#ACD5C4

#C7E3D8

#E3F1EB

#FFFFFF

Shades (Adding Black)

#078350

#067447

#05653E

#045735

#03482C

#033A23

#022B1A

#011D11

#000E08

#000000

WCAG Contrast Accessibility

4.80:1

Text on #FFFFFF

AA

4.37:1

Text on #000000

AA Large

4.59:1

Text on #F8FAFC

AA

3.72:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #078350; }

.text-color { color: #078350; }

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

Similar Colors

Seagreen

#2E8B57