HEX Color #24A075 (Seagreen)

About #24A075

The precise color #24A075 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 36, 160, and 117.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 78% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#24A075

RGB36, 160, 117

HSL159.2°, 63.3%, 38.4%

CMYK78%, 0%, 27%, 37%

HSV159.2°, 77.5%, 62.7%

LAB58.8, -43.4, 13.2

XYZ16.5, 26.8, 21.1

Decimal2400373

Color Harmonies

Complementary

#24A075 #A0234E

Analogous

#23A036 #238DA0

Triadic

#7523A0 #A07423

Tetradic

#3623A0 #A0234E #8DA023

Tints, Shades & Tones

Tints (Adding White)

#24A075

#3CAA84

#54B593

#6DBFA3

#85CAB2

#9DD4C1

#B6DFD1

#CEE9E0

#E6F4EF

#FFFFFF

Shades (Adding Black)

#24A075

#208E68

#1C7C5B

#186A4E

#145841

#104734

#0C3527

#08231A

#04110D

#000000

WCAG Contrast Accessibility

3.30:1

Text on #FFFFFF

AA Large

6.36:1

Text on #000000

AA

3.16:1

Text on #F8FAFC

AA Large

5.41:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #24A075; }

.text-color { color: #24A075; }

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

Similar Colors

Seagreen

#2E8B57