#066F7C

#066F7C

Color Values

HEX

#066F7C

RGB

6, 111, 124

HSL

186.6, 90.8%, 25.5%

HSV

186.6, 95.2%, 48.6%

CMYK

95.2%, 10.5%, 0.0%, 51.4%

OKLCH

0.4965 0.0842 209.1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#066F7C

#7C1306

Analogous

#067C4E

#06347C

#066F7C

Triadic

#066F7C

#7C066F

#6F7C06

Split Complementary

#066F7C

#7C0634

#7C4E06

Tetradic

#066F7C

#4E067C

#7C1306

#347C06

Color Blindness Simulation

Original

#066F7C

Protanopia

#333479

Deuteranopia

#2D2678

Tritanopia

#0B7676

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEDF9
400
#4BE3F6
500
#0CDAF3
600
#09AEC3
700
#088B9C
800
#066D7A
900
#094F58
950
#063238

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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