#054652

#054652

Color Values

HEX

#054652

RGB

5, 70, 82

HSL

189.4, 88.5%, 17.1%

HSV

189.4, 93.9%, 32.2%

CMYK

93.9%, 14.6%, 0.0%, 67.8%

OKLCH

0.3634 0.0618 214.5

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#054652

#521105

Analogous

#055238

#052052

#054652

Triadic

#054652

#520546

#465205

Split Complementary

#054652

#520520

#523805

Tetradic

#054652

#380552

#521105

#205205

Color Blindness Simulation

Original

#054652

Protanopia

#21224F

Deuteranopia

#1D184E

Tritanopia

#084D4C

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F6FB
200
#BCF1FB
300
#8CE7F8
400
#4DDAF4
500
#0FCDF0
600
#0CA4C0
700
#09839A
800
#076678
900
#0A4B57
950
#062F37

Contrast Checker

Text on white

10.48:1

AA Pass AAA Pass

Text on black

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