#056772

#056772

Color Values

HEX

#056772

RGB

5, 103, 114

HSL

186.1, 91.6%, 23.3%

HSV

186.1, 95.6%, 44.7%

CMYK

95.6%, 9.6%, 0.0%, 55.3%

OKLCH

0.4704 0.0795 207.8

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#056772

#721005

Analogous

#057246

#053072

#056772

Triadic

#056772

#720567

#677205

Split Complementary

#056772

#720530

#724605

Tetradic

#056772

#460572

#721005

#307205

Color Blindness Simulation

Original

#056772

Protanopia

#2F306F

Deuteranopia

#2A226F

Tritanopia

#0A6D6D

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEEFA
400
#4AE6F7
500
#0BDDF4
600
#09B0C3
700
#078D9C
800
#056E7A
900
#095058
950
#053338

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

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