#30624B

#30624B

Color Values

HEX

#30624B

RGB

48, 98, 75

HSL

152.4, 34.2%, 28.6%

HSV

152.4, 51.0%, 38.4%

CMYK

51.0%, 0.0%, 23.5%, 61.6%

OKLCH

0.454 0.0668 162.2

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#30624B

#623047

Analogous

#306232

#306062

#30624B

Triadic

#30624B

#4B3062

#624B30

Split Complementary

#30624B

#623060

#623230

Tetradic

#30624B

#323062

#623047

#606230

Color Blindness Simulation

Original

#30624B

Protanopia

#464651

Deuteranopia

#433F52

Tritanopia

#325556

Achromatopsia

#565656

CSS Usage

background-color: #30624B;
color: #30624B;
border-color: #30624B;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE8DC
300
#ADD7C3
400
#80C1A3
500
#54AB83
600
#438969
700
#366E54
800
#2A5641
900
#223F32
950
#15281F

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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