#066566

#066566

Color Values

HEX

#066566

RGB

6, 101, 102

HSL

180.6, 88.9%, 21.2%

HSV

180.6, 94.1%, 40.0%

CMYK

94.1%, 1.0%, 0.0%, 60.0%

OKLCH

0.46 0.0768 196.0

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#066566

#660706

Analogous

#066637

#063566

#066566

Triadic

#066566

#660665

#656606

Split Complementary

#066566

#660635

#663706

Tetradic

#066566

#370666

#660706

#356606

Color Blindness Simulation

Original

#066566

Protanopia

#2F3066

Deuteranopia

#2A2266

Tritanopia

#0B6666

Achromatopsia

#515151

CSS Usage

background-color: #066566;
color: #066566;
border-color: #066566;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F2FDFD
100
#E0FAFB
200
#BCFAFB
300
#8BF7F8
400
#4DF3F5
500
#0EEFF1
600
#0BBFC1
700
#09999A
800
#077778
900
#0A5657
950
#063737

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

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