#30653D

#30653D

Color Values

HEX

#30653D

RGB

48, 101, 61

HSL

134.7, 35.6%, 29.2%

HSV

134.7, 52.5%, 39.6%

CMYK

52.5%, 0.0%, 39.6%, 60.4%

OKLCH

0.4588 0.0863 149.8

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#30653D

#653058

Analogous

#3D6530

#306557

#30653D

Triadic

#30653D

#3D3065

#653D30

Split Complementary

#30653D

#573065

#65303D

Tetradic

#30653D

#303D65

#653058

#655730

Color Blindness Simulation

Original

#30653D

Protanopia

#474747

Deuteranopia

#444049

Tritanopia

#334E50

Achromatopsia

#575757

CSS Usage

background-color: #30653D;
color: #30653D;
border-color: #30653D;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CFE8D5
300
#ACD8B7
400
#7FC290
500
#52AD68
600
#428A53
700
#356F43
800
#295634
900
#214029
950
#15281A

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

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