#30642C

#30642C

Color Values

HEX

#30642C

RGB

48, 100, 44

HSL

115.7, 38.9%, 28.2%

HSV

115.7, 56.0%, 39.2%

CMYK

52.0%, 0.0%, 56.0%, 60.8%

OKLCH

0.4529 0.1029 142.3

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#30642C

#602C64

Analogous

#4C642C

#2C6444

#30642C

Triadic

#30642C

#2C3064

#642C30

Split Complementary

#30642C

#442C64

#642C4C

Tetradic

#30642C

#2C4C64

#602C64

#64442C

Color Blindness Simulation

Original

#30642C

Protanopia

#47473A

Deuteranopia

#44403D

Tritanopia

#334447

Achromatopsia

#555555

CSS Usage

background-color: #30642C;
color: #30642C;
border-color: #30642C;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#CFE9CD
300
#ADDAAA
400
#81C57C
500
#55B14E
600
#448E3E
700
#367132
800
#2B5927
900
#22411F
950
#152914

Contrast Checker

Text on white

7.04:1

AA Pass AAA Pass

Text on black

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