#6686DC

#6686DC

Color Values

HEX

#6686DC

RGB

102, 134, 220

HSL

223.7, 62.8%, 63.1%

HSV

223.7, 53.6%, 86.3%

CMYK

53.6%, 39.1%, 0.0%, 13.7%

OKLCH

0.6349 0.1346 267.1

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6686DC

#DCBC66

Analogous

#66C1DC

#8166DC

#6686DC

Triadic

#6686DC

#DC6686

#86DC66

Split Complementary

#6686DC

#DC8166

#C1DC66

Tetradic

#6686DC

#DC66C1

#DCBC66

#66DC81

Color Blindness Simulation

Original

#6686DC

Protanopia

#7474C7

Deuteranopia

#7270C2

Tritanopia

#68B7B3

Achromatopsia

#858585

CSS Usage

background-color: #6686DC;
color: #6686DC;
border-color: #6686DC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F5FB
100
#E4E9F7
200
#C5D1F2
300
#9BB0E8
400
#6586DC
500
#2F5BD0
600
#2649A6
700
#1E3A85
800
#182D68
900
#15244C
950
#0D1730

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.01:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026