#067684

#067684

Color Values

HEX

#067684

RGB

6, 118, 132

HSL

186.7, 91.3%, 27.1%

HSV

186.7, 95.5%, 51.8%

CMYK

95.5%, 10.6%, 0.0%, 48.2%

OKLCH

0.5187 0.0883 209.4

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#067684

#841406

Analogous

#068453

#063784

#067684

Triadic

#067684

#840676

#768406

Split Complementary

#067684

#840637

#845306

Tetradic

#067684

#530684

#841406

#378406

Color Blindness Simulation

Original

#067684

Protanopia

#373781

Deuteranopia

#302880

Tritanopia

#0C7E7D

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEDFA
400
#4BE4F7
500
#0BDAF4
600
#09AEC3
700
#078B9C
800
#066D7A
900
#094F58
950
#053238

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026