#045E57

#045E57

Color Values

HEX

#045E57

RGB

4, 94, 87

HSL

175.3, 91.8%, 19.2%

HSV

175.3, 95.7%, 36.9%

CMYK

95.7%, 0.0%, 7.4%, 63.1%

OKLCH

0.4342 0.075 186.0

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#045E57

#5E040B

Analogous

#045E2A

#04385E

#045E57

Triadic

#045E57

#57045E

#5E5704

Split Complementary

#045E57

#5E0438

#5E2A04

Tetradic

#045E57

#2A045E

#5E040B

#385E04

Color Blindness Simulation

Original

#045E57

Protanopia

#2B2C59

Deuteranopia

#261F59

Tritanopia

#085A5A

Achromatopsia

#4A4A4A

CSS Usage

background-color: #045E57;
color: #045E57;
border-color: #045E57;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F1FDFC
100
#DFFBF9
200
#BBFCF7
300
#8AFAF1
400
#4AF7EA
500
#0AF5E2
600
#08C4B5
700
#079D91
800
#057A71
900
#085852
950
#053834

Contrast Checker

Text on white

7.65:1

AA Pass AAA Pass

Text on black

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