#668DA6

#668DA6

Color Values

HEX

#668DA6

RGB

102, 141, 166

HSL

203,4, 26,4%, 52,5%

HSV

203,4, 38,6%, 65,1%

CMYK

38,6%, 15,1%, 0,0%, 34,9%

OKLCH

0,6239 0,0574 237,0

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#668DA6

#A67F66

Analogous

#66A69F

#666DA6

#668DA6

Triadic

#668DA6

#A6668D

#8DA666

Split Complementary

#668DA6

#A6666D

#A69F66

Tetradic

#668DA6

#9F66A6

#A67F66

#6DA666

Color Blindness Simulation

Original

#668DA6

Protanopia

#7777A0

Deuteranopia

#75729E

Tritanopia

#689B9A

Achromatopsia

#878787

CSS Usage

background-color: #668DA6;
color: #668DA6;
border-color: #668DA6;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE5
300
#B2C5D2
400
#88A6BA
500
#5E87A1
600
#4B6C81
700
#3C5667
800
#2F4351
900
#25333C
950
#172026

Contrast Checker

Text on white

3,54:1

AA Fail AAA Fail

Text on black

5,93:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026