#055964

#055964

Color Values

HEX

#055964

RGB

5, 89, 100

HSL

186.9, 90.5%, 20.6%

HSV

186.9, 95.0%, 39.2%

CMYK

95.0%, 11.0%, 0.0%, 60.8%

OKLCH

0.4256 0.0719 209.6

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#055964

#641005

Analogous

#05643F

#052A64

#055964

Triadic

#055964

#640559

#596405

Split Complementary

#055964

#64052A

#643F05

Tetradic

#055964

#3F0564

#641005

#2A6405

Color Blindness Simulation

Original

#055964

Protanopia

#292A61

Deuteranopia

#241E61

Tritanopia

#095F5F

Achromatopsia

#484848

CSS Usage

background-color: #055964;
color: #055964;
border-color: #055964;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF4FC
300
#8AECF9
400
#4BE2F6
500
#0CD8F3
600
#0AADC2
700
#088A9B
800
#066C79
900
#094F58
950
#063238

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

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