#2C700F

#2C700F

Color Values

HEX

#2C700F

RGB

44, 112, 15

HSL

102.1, 76.4%, 24.9%

HSV

102.1, 86.6%, 43.9%

CMYK

60.7%, 0.0%, 86.6%, 56.1%

OKLCH

0.4826 0.1429 138.8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#2C700F

#530F70

Analogous

#5C700F

#0F7023

#2C700F

Triadic

#2C700F

#0F2C70

#700F2C

Split Complementary

#2C700F

#230F70

#700F5C

Tetradic

#2C700F

#0F5C70

#530F70

#70230F

Color Blindness Simulation

Original

#2C700F

Protanopia

#494A26

Deuteranopia

#46402C

Tritanopia

#2F393D

Achromatopsia

#5B5B5B

CSS Usage

background-color: #2C700F;
color: #2C700F;
border-color: #2C700F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F5FCF2
100
#E8F9E2
200
#D0F7C0
300
#AFF193
400
#84E959
500
#58E11E
600
#47B418
700
#389013
800
#2C700F
900
#23520F
950
#16340A

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

3.43:1

AA Fail 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