#045E5B

#045E5B

Color Values

HEX

#045E5B

RGB

4, 94, 91

HSL

178.0, 91.8%, 19.2%

HSV

178.0, 95.7%, 36.9%

CMYK

95.7%, 0.0%, 3.2%, 63.1%

OKLCH

0.4357 0.0738 191.0

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#045E5B

#5E0407

Analogous

#045E2E

#04345E

#045E5B

Triadic

#045E5B

#5B045E

#5E5B04

Split Complementary

#045E5B

#5E0434

#5E2E04

Tetradic

#045E5B

#2E045E

#5E0407

#345E04

Color Blindness Simulation

Original

#045E5B

Protanopia

#2B2C5C

Deuteranopia

#261F5C

Tritanopia

#085C5C

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BBFCFA
300
#8AFAF6
400
#4AF7F1
500
#0AF5ED
600
#08C4BD
700
#079D98
800
#057A76
900
#085856
950
#053836

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

2.76:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026