#304F46

#304F46

Color Values

HEX

#304F46

RGB

48, 79, 70

HSL

162.6, 24.4%, 24.9%

HSV

162.6, 39.2%, 31.0%

CMYK

39.2%, 0.0%, 11.4%, 69.0%

OKLCH

0.4003 0.0401 173.9

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#304F46

#4F3039

Analogous

#304F37

#30484F

#304F46

Triadic

#304F46

#46304F

#4F4630

Split Complementary

#304F46

#4F3048

#4F3730

Tetradic

#304F46

#37304F

#4F3039

#484F30

Color Blindness Simulation

Original

#304F46

Protanopia

#3D3E48

Deuteranopia

#3C3949

Tritanopia

#324A4A

Achromatopsia

#484848

CSS Usage

background-color: #304F46;
color: #304F46;
border-color: #304F46;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D3E4DF
300
#B3D1C8
400
#8AB8AA
500
#609F8D
600
#4D7F70
700
#3E665A
800
#304F46
900
#263B35
950
#182521

Contrast Checker

Text on white

9.0:1

AA Pass AAA Pass

Text on black

2.33:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026