#2C5B0F

#2C5B0F

Color Values

HEX

#2C5B0F

RGB

44, 91, 15

HSL

97.1, 71.7%, 20.8%

HSV

97.1, 83.5%, 35.7%

CMYK

51.6%, 0.0%, 83.5%, 64.3%

OKLCH

0.4218 0.116 136.5

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#2C5B0F

#3E0F5B

Analogous

#525B0F

#0F5B18

#2C5B0F

Triadic

#2C5B0F

#0F2C5B

#5B0F2C

Split Complementary

#2C5B0F

#180F5B

#5B0F52

Tetradic

#2C5B0F

#0F525B

#3E0F5B

#5B180F

Color Blindness Simulation

Original

#2C5B0F

Protanopia

#404121

Deuteranopia

#3E3A26

Tritanopia

#2E3033

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF8E2
200
#D5F5C2
300
#B7EE96
400
#91E45D
500
#6ADB24
600
#55AF1D
700
#448C17
800
#356D12
900
#295011
950
#1A320B

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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