HEX Color #07A8B6 (Lightseagreen)

About #07A8B6

The precise color #07A8B6 is an excellent choice for modern design projects. It is closely associated with the named CSS color Lightseagreen. Its digital footprint relies on 7 parts red, 168 parts green, and 182 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 96% cyan and 8% magenta inks. The HSL representation is 184.8° hue, 92.6% saturation, and 37.1% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#07A8B6

RGB7, 168, 182

HSL184.8°, 92.6%, 37.1%

CMYK96%, 8%, 0%, 29%

HSV184.8°, 96.2%, 71.4%

LAB62.9, -30.5, -17.4

XYZ22.5, 31.4, 49.1

Decimal501942

Color Harmonies

Complementary

#07A8B6 #B61407

Analogous

#07B66C #0750B6

Triadic

#B607A8 #A8B607

Tetradic

#6C07B6 #B61407 #50B607

Tints, Shades & Tones

Tints (Adding White)

#07A8B6

#22B1BE

#3EBBC6

#59C5CE

#75CED6

#90D8DE

#ACE2E6

#C7EBEE

#E3F5F6

#FFFFFF

Shades (Adding Black)

#07A8B6

#0695A1

#05828D

#047079

#035D65

#034A50

#02383C

#012528

#001214

#000000

WCAG Contrast Accessibility

2.88:1

Text on #FFFFFF

FAIL

7.29:1

Text on #000000

AAA

2.75:1

Text on #F8FAFC

FAIL

6.19:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Lightseagreen

#20B2AA