#34580F

#34580F

Color Values

HEX

#34580F

RGB

52, 88, 15

HSL

89.6, 70.9%, 20.2%

HSV

89.6, 83.0%, 34.5%

CMYK

40.9%, 0.0%, 83.0%, 65.5%

OKLCH

0.4176 0.1073 132.8

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#34580F

#330F58

Analogous

#58580F

#0F580F

#34580F

Triadic

#34580F

#0F3458

#580F34

Split Complementary

#34580F

#0F0F58

#580F58

Tetradic

#34580F

#0F5858

#330F58

#580F0F

Color Blindness Simulation

Original

#34580F

Protanopia

#444421

Deuteranopia

#423F25

Tritanopia

#362F32

Achromatopsia

#4B4B4B

CSS Usage

background-color: #34580F;
color: #34580F;
border-color: #34580F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FCF3
100
#EDF8E2
200
#DCF5C2
300
#C2ED96
400
#A2E45E
500
#81DA25
600
#67AE1E
700
#528B18
800
#406D13
900
#314F12
950
#1F320B

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

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