#2F330C

#2F330C

Color Values

HEX

#2F330C

RGB

47, 51, 12

HSL

66.2, 61.9%, 12.4%

HSV

66.2, 76.5%, 20.0%

CMYK

7.8%, 0.0%, 76.5%, 80.0%

OKLCH

0.3079 0.0582 114.9

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#2F330C

#100C33

Analogous

#33240C

#1C330C

#2F330C

Triadic

#2F330C

#0C2F33

#330C2F

Split Complementary

#2F330C

#0C1C33

#240C33

Tetradic

#2F330C

#0C3324

#100C33

#330C1C

Color Blindness Simulation

Original

#2F330C

Protanopia

#313115

Deuteranopia

#303018

Tritanopia

#2F1D1F

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F7E4
200
#EDF1C5
300
#E0E89C
400
#CFDB66
500
#BECE31
600
#98A527
700
#7A841F
800
#5F6718
900
#464B15
950
#2C300E

Contrast Checker

Text on white

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