#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026