#6685DC

#6685DC

Color Values

HEX

#6685DC

RGB

102, 133, 220

HSL

224.2, 62.8%, 63.1%

HSV

224.2, 53.6%, 86.3%

CMYK

53.6%, 39.5%, 0.0%, 13.7%

OKLCH

0.6328 0.1358 267.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6685DC

#DCBD66

Analogous

#66C0DC

#8266DC

#6685DC

Triadic

#6685DC

#DC6685

#85DC66

Split Complementary

#6685DC

#DC8266

#C0DC66

Tetradic

#6685DC

#DC66C0

#DCBD66

#66DC82

Color Blindness Simulation

Original

#6685DC

Protanopia

#7374C7

Deuteranopia

#726FC2

Tritanopia

#68B6B3

Achromatopsia

#858585

CSS Usage

background-color: #6685DC;
color: #6685DC;
border-color: #6685DC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F5FB
100
#E4E9F7
200
#C5D1F2
300
#9BB0E8
400
#6585DC
500
#2F5AD0
600
#2648A6
700
#1E3985
800
#182D68
900
#15234C
950
#0D1630

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

5.95:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026