#045956

#045956

Color Values

HEX

#045956

RGB

4, 89, 86

HSL

177.9, 91.4%, 18.2%

HSV

177.9, 95.5%, 34.9%

CMYK

95.5%, 0.0%, 3.4%, 65.1%

OKLCH

0.4195 0.071 190.8

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#045956

#590407

Analogous

#04592B

#043159

#045956

Triadic

#045956

#560459

#595604

Split Complementary

#045956

#590431

#592B04

Tetradic

#045956

#2B0459

#590407

#315904

Color Blindness Simulation

Original

#045956

Protanopia

#292A57

Deuteranopia

#241E57

Tritanopia

#085757

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BBFCFA
300
#8AFAF6
400
#4AF7F1
500
#0BF4EC
600
#09C3BD
700
#079C97
800
#057A76
900
#095856
950
#053836

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

2.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026