#668296

#668296

Color Values

HEX

#668296

RGB

102, 130, 150

HSL

205.0, 19.0%, 49.4%

HSV

205.0, 32.0%, 58.8%

CMYK

32.0%, 13.3%, 0.0%, 41.2%

OKLCH

0.5923 0.0444 239.6

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#668296

#967A66

Analogous

#669692

#666A96

#668296

Triadic

#668296

#966682

#829666

Split Complementary

#668296

#96666A

#969266

Tetradic

#668296

#926696

#967A66

#6A9666

Color Blindness Simulation

Original

#668296

Protanopia

#727291

Deuteranopia

#706E90

Tritanopia

#678D8C

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D5DCE2
300
#B6C4CD
400
#8FA4B3
500
#678498
600
#536979
700
#425461
800
#34424C
900
#283239
950
#191F24

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026