#707A31

#707A31

Color Values

HEX

#707A31

RGB

112, 122, 49

HSL

68.2, 42.7%, 33.5%

HSV

68.2, 59.8%, 47.8%

CMYK

8.2%, 0.0%, 59.8%, 52.2%

OKLCH

0.5551 0.0979 116.2

Properties

Cool Dark Nearest: darkolivegreen 4

Color Harmonies

Complementary

#707A31

#3B317A

Analogous

#7A5F31

#4B7A31

#707A31

Triadic

#707A31

#31707A

#7A3170

Split Complementary

#707A31

#314B7A

#5F317A

Tetradic

#707A31

#317A5F

#3B317A

#7A314B

Color Blindness Simulation

Original

#707A31

Protanopia

#747443

Deuteranopia

#747347

Tritanopia

#705154

Achromatopsia

#737373

CSS Usage

background-color: #707A31;
color: #707A31;
border-color: #707A31;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9FAF5
100
#F2F4E7
200
#E6EBCC
300
#D5DCA8
400
#BEC978
500
#A7B649
600
#86923A
700
#6B742F
800
#545B25
900
#3E431E
950
#272A13

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.52: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