#334F0C

#334F0C

Color Values

HEX

#334F0C

RGB

51, 79, 12

HSL

85,1, 73,6%, 17,8%

HSV

85,1, 84,8%, 31,0%

CMYK

35,4%, 0,0%, 84,8%, 69,0%

OKLCH

0,391 0,097 130,3

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#334F0C

#280C4F

Analogous

#4F490C

#114F0C

#334F0C

Triadic

#334F0C

#0C334F

#4F0C33

Split Complementary

#334F0C

#0C114F

#490C4F

Tetradic

#334F0C

#0C4F49

#280C4F

#4F0C11

Color Blindness Simulation

Original

#334F0C

Protanopia

#3F3F1C

Deuteranopia

#3E3B20

Tritanopia

#34292C

Achromatopsia

#444444

CSS Usage

background-color: #334F0C;
color: #334F0C;
border-color: #334F0C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FCF3
100
#EFF8E2
200
#E0F6C1
300
#C9EF95
400
#ACE65B
500
#8FDD22
600
#72B11B
700
#5B8E16
800
#476F11
900
#365110
950
#22330A

Contrast Checker

Text on white

9,27:1

AA Pass AAA Pass

Text on black

2,26:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026