#04545F

#04545F

Color Values

HEX

#04545F

RGB

4, 84, 95

HSL

187.3, 91.9%, 19.4%

HSV

187.3, 95.8%, 37.3%

CMYK

95.8%, 11.6%, 0.0%, 62.7%

OKLCH

0.4092 0.0695 210.3

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#04545F

#5F0F04

Analogous

#045F3D

#04265F

#04545F

Triadic

#04545F

#5F0454

#545F04

Split Complementary

#04545F

#5F0426

#5F3D04

Tetradic

#04545F

#3D045F

#5F0F04

#265F04

Color Blindness Simulation

Original

#04545F

Protanopia

#27275C

Deuteranopia

#221C5C

Tritanopia

#085A5A

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF4FC
300
#8AECFA
400
#4AE2F7
500
#0AD8F5
600
#08ADC4
700
#078A9D
800
#056C7A
900
#084F59
950
#053238

Contrast Checker

Text on white

8.61:1

AA Pass AAA Pass

Text on black

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