#04554C

#04554C

Color Values

HEX

#04554C

RGB

4, 85, 76

HSL

173.3, 91.0%, 17.5%

HSV

173.3, 95.3%, 33.3%

CMYK

95.3%, 0.0%, 10.6%, 66.7%

OKLCH

0.4042 0.0708 182.5

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#04554C

#55040D

Analogous

#045524

#043655

#04554C

Triadic

#04554C

#4C0455

#554C04

Split Complementary

#04554C

#550436

#552404

Tetradic

#04554C

#240455

#55040D

#365504

Color Blindness Simulation

Original

#04554C

Protanopia

#27284E

Deuteranopia

#221C4F

Tritanopia

#085050

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BBFCF5
300
#8AF9ED
400
#4BF7E3
500
#0BF4DA
600
#09C3AE
700
#079C8B
800
#067A6D
900
#09584F
950
#063832

Contrast Checker

Text on white

8.72:1

AA Pass AAA Pass

Text on black

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