#005663

#005663

Color Values

HEX

#005663

RGB

0, 86, 99

HSL

187.9, 100.0%, 19.4%

HSV

187.9, 100.0%, 38.8%

CMYK

100.0%, 13.1%, 0.0%, 61.2%

OKLCH

0.416 0.0726 212.2

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#005663

#630D00

Analogous

#00633E

#002463

#005663

Triadic

#005663

#630056

#566300

Split Complementary

#005663

#630024

#633E00

Tetradic

#005663

#3E0063

#630D00

#246300

Color Blindness Simulation

Original

#005663

Protanopia

#252660

Deuteranopia

#201A5F

Tritanopia

#045D5D

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B8F6FF
300
#85EFFF
400
#42E6FF
500
#00DDFF
600
#00B1CC
700
#008EA3
800
#006F80
900
#05515C
950
#03333A

Contrast Checker

Text on white

8.36:1

AA Pass AAA Pass

Text on black

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