HEX Color #0F8350 (Seagreen)

About #0F8350

The precise color #0F8350 is an excellent choice for modern design projects. Its closest recognized web color is Seagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 131, and 80.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 89% cyan and 0% magenta inks. With a hue angle of 153.6 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#0F8350

RGB15, 131, 80

HSL153.6°, 79.5%, 28.6%

CMYK89%, 0%, 39%, 49%

HSV153.6°, 88.5%, 51.4%

LAB48.2, -42.4, 19.4

XYZ9.8, 16.9, 10.3

Decimal1016656

Color Harmonies

Complementary

#0F8350 #830F41

Analogous

#0F8316 #0F7B83

Triadic

#500F83 #83500F

Tetradic

#150F83 #830F41 #7B830F

Tints, Shades & Tones

Tints (Adding White)

#0F8350

#299063

#449E76

#5FAC8A

#79BA9D

#94C7B1

#AFD5C4

#C9E3D8

#E4F1EB

#FFFFFF

Shades (Adding Black)

#0F8350

#0D7447

#0B653E

#0A5735

#08482C

#063A23

#052B1A

#031D11

#010E08

#000000

WCAG Contrast Accessibility

4.79:1

Text on #FFFFFF

AA

4.38:1

Text on #000000

AA Large

4.58:1

Text on #F8FAFC

AA

3.73:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #0F8350; }

.text-color { color: #0F8350; }

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

Similar Colors

Seagreen

#2E8B57