#6879B3

#6879B3

Color Values

HEX

#6879B3

RGB

104, 121, 179

HSL

226.4, 33.0%, 55.5%

HSV

226.4, 41.9%, 70.2%

CMYK

41.9%, 32.4%, 0.0%, 29.8%

OKLCH

0.5867 0.0915 270.9

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#6879B3

#B3A268

Analogous

#689FB3

#7D68B3

#6879B3

Triadic

#6879B3

#B36879

#79B368

Split Complementary

#6879B3

#B37D68

#9FB368

Tetradic

#6879B3

#B3689F

#B3A268

#68B37D

Color Blindness Simulation

Original

#6879B3

Protanopia

#6F70A5

Deuteranopia

#6E6DA2

Tritanopia

#699A97

Achromatopsia

#7A7A7A

CSS Usage

background-color: #6879B3;
color: #6879B3;
border-color: #6879B3;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6F9
100
#E8EAF2
200
#D0D5E7
300
#AEB7D6
400
#8290C0
500
#5568AA
600
#445488
700
#37436D
800
#2B3455
900
#22293F
950
#161A28

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

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