#678290

#678290

Color Values

HEX

#678290

RGB

103, 130, 144

HSL

200.5, 16.6%, 48.4%

HSV

200.5, 28.5%, 56.5%

CMYK

28.5%, 9.7%, 0.0%, 43.5%

OKLCH

0.5906 0.0377 230.7

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#678290

#907567

Analogous

#679089

#676D90

#678290

Triadic

#678290

#906782

#829067

Split Complementary

#678290

#90676D

#908967

Tetradic

#678290

#896790

#907567

#6D9067

Color Blindness Simulation

Original

#678290

Protanopia

#73738D

Deuteranopia

#716F8C

Tritanopia

#688A89

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DDE1
300
#B8C5CC
400
#91A6B0
500
#6A8695
600
#556B77
700
#44565F
800
#35434A
900
#293338
950
#1A2023

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

5.17:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026