#305049

#305049

Color Values

HEX

#305049

RGB

48, 80, 73

HSL

166.9, 25.0%, 25.1%

HSV

166.9, 40.0%, 31.4%

CMYK

40.0%, 0.0%, 8.8%, 68.6%

OKLCH

0.4041 0.0398 178.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#305049

#503037

Analogous

#305039

#304750

#305049

Triadic

#305049

#493050

#504930

Split Complementary

#305049

#503047

#503930

Tetradic

#305049

#393050

#503037

#475030

Color Blindness Simulation

Original

#305049

Protanopia

#3E3E4B

Deuteranopia

#3C3A4B

Tritanopia

#324C4C

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E4E0
300
#B2D1CA
400
#89B8AE
500
#609F91
600
#4D8074
700
#3D665D
800
#305049
900
#263B37
950
#182522

Contrast Checker

Text on white

8.86:1

AA Pass AAA Pass

Text on black

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