#04535F

#04535F

Color Values

HEX

#04535F

RGB

4, 83, 95

HSL

187.9, 91.9%, 19.4%

HSV

187.9, 95.8%, 37.3%

CMYK

95.8%, 12.6%, 0.0%, 62.7%

OKLCH

0.4064 0.0693 211.8

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#04535F

#5F1004

Analogous

#045F3D

#04255F

#04535F

Triadic

#04535F

#5F0453

#535F04

Split Complementary

#04535F

#5F0425

#5F3D04

Tetradic

#04535F

#3D045F

#5F1004

#255F04

Color Blindness Simulation

Original

#04535F

Protanopia

#26275C

Deuteranopia

#221C5B

Tritanopia

#085A59

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BAF3FC
300
#8AEBFA
400
#4AE1F7
500
#0AD6F5
600
#08ABC4
700
#07899D
800
#056B7A
900
#084E59
950
#053138

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

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