#0D7684

#0D7684

Color Values

HEX

#0D7684

RGB

13, 118, 132

HSL

187.1, 82.1%, 28.4%

HSV

187.1, 90.2%, 51.8%

CMYK

90.2%, 10.6%, 0.0%, 48.2%

OKLCH

0.5194 0.0869 209.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#0D7684

#841B0D

Analogous

#0D8456

#0D3A84

#0D7684

Triadic

#0D7684

#840D76

#76840D

Split Complementary

#0D7684

#840D3A

#84560D

Tetradic

#0D7684

#560D84

#841B0D

#3A840D

Color Blindness Simulation

Original

#0D7684

Protanopia

#3A3B81

Deuteranopia

#342C80

Tritanopia

#127E7D

Achromatopsia

#616161

CSS Usage

background-color: #0D7684;
color: #0D7684;
border-color: #0D7684;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F2FBFD
100
#E1F7FA
200
#BEF2F9
300
#90E8F4
400
#53DCEE
500
#17CFE8
600
#12A6BA
700
#0F8595
800
#0B6874
900
#0D4C54
950
#083035

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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