#304945

#304945

Color Values

HEX

#304945

RGB

48, 73, 69

HSL

170.4, 20.7%, 23.7%

HSV

170.4, 34.2%, 28.6%

CMYK

34.2%, 0.0%, 5.5%, 71.4%

OKLCH

0.3837 0.0315 183.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#304945

#493034

Analogous

#304938

#304049

#304945

Triadic

#304945

#453049

#494530

Split Complementary

#304945

#493040

#493830

Tetradic

#304945

#383049

#493034

#404930

Color Blindness Simulation

Original

#304945

Protanopia

#3B3B46

Deuteranopia

#393746

Tritanopia

#314747

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E3E0
300
#B5CECA
400
#8DB4AE
500
#659A91
600
#517B74
700
#41625D
800
#334D49
900
#273937
950
#192422

Contrast Checker

Text on white

9.7:1

AA Pass AAA Pass

Text on black

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