#2C331C

#2C331C

Color Values

HEX

#2C331C

RGB

44, 51, 28

HSL

78,3, 29,1%, 15,5%

HSV

78,3, 45,1%, 20,0%

CMYK

13,7%, 0,0%, 45,1%, 80,0%

OKLCH

0,3075 0,0397 122,5

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#2C331C

#231C33

Analogous

#332F1C

#21331C

#2C331C

Triadic

#2C331C

#1C2C33

#331C2C

Split Complementary

#2C331C

#1C2133

#2F1C33

Tetradic

#2C331C

#1C332F

#231C33

#331C21

Color Blindness Simulation

Original

#2C331C

Protanopia

#2F2F22

Deuteranopia

#2F2E23

Tritanopia

#2C2627

Achromatopsia

#303030

CSS Usage

background-color: #2C331C;
color: #2C331C;
border-color: #2C331C;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F8F9F5
100
#EFF2E9
200
#DFE6D1
300
#C9D4B0
400
#ABBC85
500
#8EA55A
600
#728448
700
#5B693A
800
#47522D
900
#353D24
950
#222717

Contrast Checker

Text on white

13,15:1

AA Pass AAA Pass

Text on black

1,6: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