HEX Color #755F3A (Darkolivegreen)

About #755F3A

Visually, #755F3A is defined as a moderate orange. Its closest recognized web color is Darkolivegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 95, and 58.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 19% magenta inks. The HSL representation is 37.6° hue, 33.7% saturation, and 34.3% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#755F3A

RGB117, 95, 58

HSL37.6°, 33.7%, 34.3%

CMYK0%, 19%, 50%, 54%

HSV37.6°, 50.4%, 45.9%

LAB41.6, 3.7, 24.4

XYZ12.2, 12.3, 5.7

Decimal7692090

Color Harmonies

Complementary

#755F3A #394F75

Analogous

#754139 #6D7539

Triadic

#39755F #5F3975

Tetradic

#397541 #394F75 #75396D

Tints, Shades & Tones

Tints (Adding White)

#755F3A

#84704F

#938265

#A3947B

#B2A691

#C1B7A7

#D1C9BD

#E0DBD3

#EFEDE9

#FFFFFF

Shades (Adding Black)

#755F3A

#685433

#5B492D

#4E3F26

#413420

#342A19

#271F13

#1A150C

#0D0A06

#000000

WCAG Contrast Accessibility

6.08:1

Text on #FFFFFF

AA

3.45:1

Text on #000000

AA Large

5.81:1

Text on #F8FAFC

AA

2.94:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #755F3A; }

.text-color { color: #755F3A; }

.border-color { border: 2px solid #755F3A; }

Similar Colors

Darkolivegreen

#556B2F