#04555F

#04555F

Color Values

HEX

#04555F

RGB

4, 85, 95

HSL

186.6, 91.9%, 19.4%

HSV

186.6, 95.8%, 37.3%

CMYK

95.8%, 10.5%, 0.0%, 62.7%

OKLCH

0.412 0.0696 208.8

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#04555F

#5F0E04

Analogous

#045F3B

#04275F

#04555F

Triadic

#04555F

#5F0455

#555F04

Split Complementary

#04555F

#5F0427

#5F3B04

Tetradic

#04555F

#3B045F

#5F0E04

#275F04

Color Blindness Simulation

Original

#04555F

Protanopia

#27285D

Deuteranopia

#221C5C

Tritanopia

#085B5A

Achromatopsia

#454545

CSS Usage

background-color: #04555F;
color: #04555F;
border-color: #04555F;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF5FC
300
#8AEEFA
400
#4AE4F7
500
#0ADBF5
600
#08AFC4
700
#078C9D
800
#056D7A
900
#085059
950
#053238

Contrast Checker

Text on white

8.5:1

AA Pass AAA Pass

Text on black

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