#334015

#334015

Color Values

HEX

#334015

RGB

51, 64, 21

HSL

78.1, 50.6%, 16.7%

HSV

78.1, 67.2%, 25.1%

CMYK

20.3%, 0.0%, 67.2%, 74.9%

OKLCH

0.3492 0.0672 124.0

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#334015

#221540

Analogous

#403815

#1E4015

#334015

Triadic

#334015

#153340

#401533

Split Complementary

#334015

#151E40

#381540

Tetradic

#334015

#154038

#221540

#40151E

Color Blindness Simulation

Original

#334015

Protanopia

#39391F

Deuteranopia

#383722

Tritanopia

#342829

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F0F5E5
200
#E2EDC9
300
#CEE1A3
400
#B4D071
500
#99C03F
600
#7A9A32
700
#627B28
800
#4D601F
900
#39471A
950
#242D11

Contrast Checker

Text on white

11.14:1

AA Pass AAA Pass

Text on black

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