#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