HEX Color #07AFA8 (Lightseagreen)

About #07AFA8

When working with digital screens, the color #07AFA8 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Lightseagreen. Its digital footprint relies on 7 parts red, 175 parts green, and 168 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 96% cyan and 0% magenta inks. The HSL representation is 177.5° hue, 92.3% saturation, and 35.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#07AFA8

RGB7, 175, 168

HSL177.5°, 92.3%, 35.7%

CMYK96%, 0%, 4%, 31%

HSV177.5°, 96.0%, 68.6%

LAB64.6, -38.1, -7.0

XYZ22.5, 33.5, 42.3

Decimal503720

Color Harmonies

Complementary

#07AFA8 #AF070D

Analogous

#07AF54 #0762AF

Triadic

#A707AF #AFA807

Tetradic

#5307AF #AF070D #62AF07

Tints, Shades & Tones

Tints (Adding White)

#07AFA8

#22B7B1

#3EC0BB

#59C9C5

#75D2CE

#90DBD8

#ACE4E2

#C7EDEB

#E3F6F5

#FFFFFF

Shades (Adding Black)

#07AFA8

#069B95

#058882

#047470

#03615D

#034D4A

#023A38

#012625

#001312

#000000

WCAG Contrast Accessibility

2.72:1

Text on #FFFFFF

FAIL

7.71:1

Text on #000000

AAA

2.60:1

Text on #F8FAFC

FAIL

6.55:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #07AFA8; }

.text-color { color: #07AFA8; }

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

Similar Colors

Lightseagreen

#20B2AA