#668593

#668593

Color Values

HEX

#668593

RGB

102, 133, 147

HSL

198.7, 18.1%, 48.8%

HSV

198.7, 30.6%, 57.6%

CMYK

30.6%, 9.5%, 0.0%, 42.4%

OKLCH

0.598 0.0411 227.3

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#668593

#937466

Analogous

#66938A

#666E93

#668593

Triadic

#668593

#936685

#859366

Split Complementary

#668593

#93666E

#938A66

Tetradic

#668593

#8A6693

#937466

#6E9366

Color Blindness Simulation

Original

#668593

Protanopia

#737490

Deuteranopia

#726F8F

Tritanopia

#688D8C

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D5DEE2
300
#B7C6CD
400
#90A7B2
500
#688897
600
#546D78
700
#435760
800
#34444B
900
#293338
950
#1A2024

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.34: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