HEX Color #75A824 (Olivedrab)

About #75A824

The precise color #75A824 is an excellent choice for modern design projects. It is closely associated with the named CSS color Olivedrab. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 168, and 36.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 30% cyan, 0% magenta, 79% yellow, and 34% black. Always request a physical proof before doing a large print run with this exact code.

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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#75A824

RGB117, 168, 36

HSL83.2°, 64.7%, 40.0%

CMYK30%, 0%, 79%, 34%

HSV83.2°, 78.6%, 65.9%

LAB63.3, -36.3, 57.8

XYZ21.7, 31.9, 6.7

Decimal7710756

Color Harmonies

Complementary

#75A824 #5724A8

Analogous

#A89824 #32A824

Triadic

#2474A8 #A82474

Tetradic

#24A899 #5724A8 #A82432

Tints, Shades & Tones

Tints (Adding White)

#75A824

#84B13C

#93BB54

#A3C56D

#B2CE85

#C1D89D

#D1E2B6

#E0EBCE

#EFF5E6

#FFFFFF

Shades (Adding Black)

#75A824

#689520

#5B821C

#4E7018

#415D14

#344A10

#27380C

#1A2508

#0D1204

#000000

WCAG Contrast Accessibility

2.84:1

Text on #FFFFFF

FAIL

7.38:1

Text on #000000

AAA

2.72:1

Text on #F8FAFC

FAIL

6.28:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #75A824; }

.text-color { color: #75A824; }

.border-color { border: 2px solid #75A824; }

Similar Colors

Olivedrab

#6B8E23