HEX Color #0FA07C (Seagreen)

About #0FA07C

The precise color #0FA07C is an excellent choice for modern design projects. Designers often compare it to the standard color Seagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 160, and 124.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 91% C, 0% M, 22% Y, and 37% K. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 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#0FA07C

RGB15, 160, 124

HSL165.1°, 82.9%, 34.3%

CMYK91%, 0%, 22%, 37%

HSV165.1°, 90.6%, 62.7%

LAB58.7, -43.6, 9.1

XYZ16.4, 26.7, 23.4

Decimal1024124

Color Harmonies

Complementary

#0FA07C #A00F32

Analogous

#0FA033 #0F7BA0

Triadic

#7C0FA0 #A07C0F

Tetradic

#330FA0 #A00F32 #7BA00F

Tints, Shades & Tones

Tints (Adding White)

#0FA07C

#29AA8A

#44B599

#5FBFA7

#79CAB6

#94D4C4

#AFDFD3

#C9E9E1

#E4F4F0

#FFFFFF

Shades (Adding Black)

#0FA07C

#0D8E6E

#0B7C60

#0A6A52

#085844

#064737

#053529

#03231B

#01110D

#000000

WCAG Contrast Accessibility

3.31:1

Text on #FFFFFF

AA Large

6.34:1

Text on #000000

AA

3.17:1

Text on #F8FAFC

AA Large

5.39:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Seagreen

#2E8B57