#757A48

#757A48

Color Values

HEX

#757A48

RGB

117, 122, 72

HSL

66.0, 25.8%, 38.0%

HSV

66.0, 41.0%, 47.8%

CMYK

4.1%, 0.0%, 41.0%, 52.2%

OKLCH

0.5628 0.071 113.4

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#757A48

#4D487A

Analogous

#7A6648

#5C7A48

#757A48

Triadic

#757A48

#48757A

#7A4875

Split Complementary

#757A48

#485C7A

#66487A

Tetradic

#757A48

#487A66

#4D487A

#7A485C

Color Blindness Simulation

Original

#757A48

Protanopia

#777754

Deuteranopia

#777657

Tritanopia

#755E60

Achromatopsia

#757575

CSS Usage

background-color: #757A48;
color: #757A48;
border-color: #757A48;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9F9F6
100
#F0F1E9
200
#E3E5D2
300
#CED2B2
400
#B4B988
500
#9AA05F
600
#7B804C
700
#62673D
800
#4D502F
900
#393C25
950
#242617

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026