#334D0F

#334D0F

Color Values

HEX

#334D0F

RGB

51, 77, 15

HSL

85.2, 67.4%, 18.0%

HSV

85.2, 80.5%, 30.2%

CMYK

33.8%, 0.0%, 80.5%, 69.8%

OKLCH

0.3855 0.0922 129.9

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#334D0F

#290F4D

Analogous

#4D480F

#144D0F

#334D0F

Triadic

#334D0F

#0F334D

#4D0F33

Split Complementary

#334D0F

#0F144D

#480F4D

Tetradic

#334D0F

#0F4D48

#290F4D

#4D0F14

Color Blindness Simulation

Original

#334D0F

Protanopia

#3E3E1E

Deuteranopia

#3D3B22

Tritanopia

#342A2C

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF7E3
200
#DFF3C3
300
#C8EB99
400
#ABE061
500
#8DD52A
600
#71AB21
700
#5A891B
800
#476B15
900
#354E13
950
#22310C

Contrast Checker

Text on white

9.51:1

AA Pass AAA Pass

Text on black

2.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026