#2D331A

#2D331A

Color Values

HEX

#2D331A

RGB

45, 51, 26

HSL

74.4, 32.5%, 15.1%

HSV

74.4, 49.0%, 20.0%

CMYK

11.8%, 0.0%, 49.0%, 80.0%

OKLCH

0.3081 0.0421 120.0

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#2D331A

#201A33

Analogous

#332D1A

#20331A

#2D331A

Triadic

#2D331A

#1A2D33

#331A2D

Split Complementary

#2D331A

#1A2033

#2D1A33

Tetradic

#2D331A

#1A332D

#201A33

#331A20

Color Blindness Simulation

Original

#2D331A

Protanopia

#303020

Deuteranopia

#2F2F22

Tritanopia

#2D2526

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#F0F2E8
200
#E1E7D0
300
#CCD6AE
400
#B1BF82
500
#95A956
600
#778745
700
#5F6C37
800
#4B542B
900
#383F22
950
#232816

Contrast Checker

Text on white

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