#015A72

#015A72

Color Values

HEX

#015A72

RGB

1, 90, 114

HSL

192.7, 98.3%, 22.5%

HSV

192.7, 99.1%, 44.7%

CMYK

99.1%, 21.1%, 0.0%, 55.3%

OKLCH

0.4346 0.0813 224.0

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#015A72

#721901

Analogous

#017251

#012172

#015A72

Triadic

#015A72

#72015A

#5A7201

Split Complementary

#015A72

#720121

#725101

Tetradic

#015A72

#510172

#721901

#217201

Color Blindness Simulation

Original

#015A72

Protanopia

#28286C

Deuteranopia

#221C6B

Tritanopia

#056867

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF6FC
200
#B8F0FE
300
#86E4FE
400
#44D6FD
500
#02C8FD
600
#02A0CA
700
#0180A2
800
#01647E
900
#06495B
950
#042E3A

Contrast Checker

Text on white

7.76:1

AA Pass AAA Pass

Text on black

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