#054852

#054852

Color Values

HEX

#054852

RGB

5, 72, 82

HSL

187.8, 88.5%, 17.1%

HSV

187.8, 93.9%, 32.2%

CMYK

93.9%, 12.2%, 0.0%, 67.8%

OKLCH

0.3691 0.062 211.0

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#054852

#520F05

Analogous

#055236

#052252

#054852

Triadic

#054852

#520548

#485205

Split Complementary

#054852

#520522

#523605

Tetradic

#054852

#360552

#520F05

#225205

Color Blindness Simulation

Original

#054852

Protanopia

#222350

Deuteranopia

#1E194F

Tritanopia

#084E4D

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FB
200
#BCF3FB
300
#8CEAF8
400
#4DDEF4
500
#0FD3F0
600
#0CA9C0
700
#09879A
800
#076978
900
#0A4D57
950
#063137

Contrast Checker

Text on white

10.22:1

AA Pass AAA Pass

Text on black

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