#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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026