#707C03

#707C03

Color Values

HEX

#707C03

RGB

112, 124, 3

HSL

66.0, 95.3%, 24.9%

HSV

66.0, 97.6%, 48.6%

CMYK

9.7%, 0.0%, 97.6%, 51.4%

OKLCH

0.5571 0.1268 116.3

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#707C03

#0F037C

Analogous

#7C4C03

#337C03

#707C03

Triadic

#707C03

#03707C

#7C0370

Split Complementary

#707C03

#03337C

#4C037C

Tetradic

#707C03

#037C4C

#0F037C

#7C0333

Color Blindness Simulation

Original

#707C03

Protanopia

#757520

Deuteranopia

#747427

Tritanopia

#71373C

Achromatopsia

#717171

CSS Usage

background-color: #707C03;
color: #707C03;
border-color: #707C03;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FCFEF1
100
#F9FCDF
200
#F7FDB9
300
#F0FC87
400
#E9FB47
500
#E1F906
600
#B4C705
700
#909F04
800
#707D03
900
#525A07
950
#343904

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026