#04464E

#04464E

Color Values

HEX

#04464E

RGB

4, 70, 78

HSL

186.5, 90.2%, 16.1%

HSV

186.5, 94.9%, 30.6%

CMYK

94.9%, 10.3%, 0.0%, 69.4%

OKLCH

0.3613 0.0604 208.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#04464E

#4E0C04

Analogous

#044E31

#04214E

#04464E

Triadic

#04464E

#4E0446

#464E04

Split Complementary

#04464E

#4E0421

#4E3104

Tetradic

#04464E

#31044E

#4E0C04

#214E04

Color Blindness Simulation

Original

#04464E

Protanopia

#21214C

Deuteranopia

#1D184C

Tritanopia

#074B4A

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8BEDF9
400
#4CE3F6
500
#0CDAF3
600
#0AAEC2
700
#088B9B
800
#066D79
900
#094F58
950
#063237

Contrast Checker

Text on white

10.55:1

AA Pass AAA Pass

Text on black

1.99:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026