#6C94AC

#6C94AC

Color Values

HEX

#6C94AC

RGB

108, 148, 172

HSL

202.5, 27.8%, 54.9%

HSV

202.5, 37.2%, 67.5%

CMYK

37.2%, 14.0%, 0.0%, 32.5%

OKLCH

0.646 0.0568 235.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#6C94AC

#AC846C

Analogous

#6CACA4

#6C74AC

#6C94AC

Triadic

#6C94AC

#AC6C94

#94AC6C

Split Complementary

#6C94AC

#AC6C74

#ACA46C

Tetradic

#6C94AC

#A46CAC

#AC846C

#74AC6C

Color Blindness Simulation

Original

#6C94AC

Protanopia

#7D7EA6

Deuteranopia

#7B78A5

Tritanopia

#6EA2A1

Achromatopsia

#8D8D8D

CSS Usage

background-color: #6C94AC;
color: #6C94AC;
border-color: #6C94AC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D1DEE5
300
#B1C6D3
400
#86A7BB
500
#5C88A3
600
#4A6D82
700
#3B5768
800
#2E4451
900
#24333D
950
#172126

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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