#334215

#334215

Color Values

HEX

#334215

RGB

51, 66, 21

HSL

80.0, 51.7%, 17.1%

HSV

80.0, 68.2%, 25.9%

CMYK

22.7%, 0.0%, 68.2%, 74.1%

OKLCH

0.3548 0.0704 125.4

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#334215

#241542

Analogous

#423B15

#1D4215

#334215

Triadic

#334215

#153342

#421533

Split Complementary

#334215

#151D42

#3B1542

Tetradic

#334215

#15423B

#241542

#42151D

Color Blindness Simulation

Original

#334215

Protanopia

#393A20

Deuteranopia

#393822

Tritanopia

#34282A

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#F0F5E5
200
#E1EEC9
300
#CCE1A2
400
#B1D170
500
#95C13E
600
#789B31
700
#607C27
800
#4B611F
900
#38471A
950
#232D10

Contrast Checker

Text on white

10.88:1

AA Pass AAA Pass

Text on black

1.93:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026