#6676AD

#6676AD

Color Values

HEX

#6676AD

RGB

102, 118, 173

HSL

226.5, 30.2%, 53.9%

HSV

226.5, 41.0%, 67.8%

CMYK

41.0%, 31.8%, 0.0%, 32.2%

OKLCH

0.5758 0.0872 271.1

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#6676AD

#AD9D66

Analogous

#6699AD

#7966AD

#6676AD

Triadic

#6676AD

#AD6676

#76AD66

Split Complementary

#6676AD

#AD7966

#99AD66

Tetradic

#6676AD

#AD6699

#AD9D66

#66AD79

Color Blindness Simulation

Original

#6676AD

Protanopia

#6D6DA0

Deuteranopia

#6C6B9C

Tritanopia

#679593

Achromatopsia

#777777

CSS Usage

background-color: #6676AD;
color: #6676AD;
border-color: #6676AD;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6F9
100
#E9EBF2
200
#D1D5E6
300
#AFB8D4
400
#8491BD
500
#596AA6
600
#475585
700
#39446A
800
#2C3553
900
#23293E
950
#161A27

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass 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