#707227

#707227

Color Values

HEX

#707227

RGB

112, 114, 39

HSL

61.6, 49.0%, 30.0%

HSV

61.6, 65.8%, 44.7%

CMYK

1.8%, 0.0%, 65.8%, 55.3%

OKLCH

0.5347 0.0969 110.7

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#707227

#292772

Analogous

#724E27

#4B7227

#707227

Triadic

#707227

#277072

#722770

Split Complementary

#707227

#274B72

#4E2772

Tetradic

#707227

#27724E

#292772

#72274B

Color Blindness Simulation

Original

#707227

Protanopia

#717139

Deuteranopia

#71713D

Tritanopia

#70474B

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E6
200
#ECEDCA
300
#DEE0A4
400
#CCCF72
500
#BBBE41
600
#959834
700
#777A2A
800
#5D5F21
900
#45461B
950
#2B2C11

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026