#30580E

#30580E

Color Values

HEX

#30580E

RGB

48, 88, 14

HSL

92.4, 72.5%, 20.0%

HSV

92.4, 84.1%, 34.5%

CMYK

45.5%, 0.0%, 84.1%, 65.5%

OKLCH

0.4151 0.1102 134.4

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#30580E

#360E58

Analogous

#55580E

#0E5811

#30580E

Triadic

#30580E

#0E3058

#580E30

Split Complementary

#30580E

#110E58

#580E55

Tetradic

#30580E

#0E5558

#360E58

#58110E

Color Blindness Simulation

Original

#30580E

Protanopia

#414220

Deuteranopia

#3F3C24

Tritanopia

#322E31

Achromatopsia

#4A4A4A

CSS Usage

background-color: #30580E;
color: #30580E;
border-color: #30580E;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D9F5C1
300
#BEEE95
400
#9BE55C
500
#78DC23
600
#60B01C
700
#4D8D16
800
#3C6E12
900
#2E5011
950
#1D330B

Contrast Checker

Text on white

8.31:1

AA Pass AAA Pass

Text on black

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