#668284

#668284

Color Values

HEX

#668284

RGB

102, 130, 132

HSL

184.0, 12.8%, 45.9%

HSV

184.0, 22.7%, 51.8%

CMYK

22.7%, 1.5%, 0.0%, 48.2%

OKLCH

0.5856 0.0322 201.7

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#668284

#846866

Analogous

#668477

#667384

#668284

Triadic

#668284

#846682

#828466

Split Complementary

#668284

#846673

#847766

Tetradic

#668284

#776684

#846866

#738466

Color Blindness Simulation

Original

#668284

Protanopia

#727284

Deuteranopia

#706E83

Tritanopia

#678383

Achromatopsia

#7C7C7C

CSS Usage

background-color: #668284;
color: #668284;
border-color: #668284;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFE0
300
#BAC9CA
400
#95ABAD
500
#6F8E90
600
#597173
700
#475B5C
800
#384748
900
#2B3536
950
#1B2222

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026