#6C8EC6

#6C8EC6

Color Values

HEX

#6C8EC6

RGB

108, 142, 198

HSL

217.3, 44.1%, 60.0%

HSV

217.3, 45.5%, 77.6%

CMYK

45.5%, 28.3%, 0.0%, 22.4%

OKLCH

0.644 0.0929 260.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6C8EC6

#C6A46C

Analogous

#6CBBC6

#776CC6

#6C8EC6

Triadic

#6C8EC6

#C66C8E

#8EC66C

Split Complementary

#6C8EC6

#C6776C

#BBC66C

Tetradic

#6C8EC6

#C66CBB

#C6A46C

#6CC677

Color Blindness Simulation

Original

#6C8EC6

Protanopia

#7B7BB8

Deuteranopia

#7976B5

Tritanopia

#6EAEAB

Achromatopsia

#8B8B8B

CSS Usage

background-color: #6C8EC6;
color: #6C8EC6;
border-color: #6C8EC6;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CCD7EB
300
#A7BBDD
400
#7797CA
500
#4772B8
600
#395B93
700
#2E4976
800
#24395C
900
#1D2C44
950
#121C2B

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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