#6C94AD

#6C94AD

Color Values

HEX

#6C94AD

RGB

108, 148, 173

HSL

203.1, 28.4%, 55.1%

HSV

203.1, 37.6%, 67.8%

CMYK

37.6%, 14.5%, 0.0%, 32.2%

OKLCH

0.6464 0.0578 236.3

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#6C94AD

#AD856C

Analogous

#6CADA6

#6C73AD

#6C94AD

Triadic

#6C94AD

#AD6C94

#94AD6C

Split Complementary

#6C94AD

#AD6C73

#ADA66C

Tetradic

#6C94AD

#A66CAD

#AD856C

#73AD6C

Color Blindness Simulation

Original

#6C94AD

Protanopia

#7D7EA7

Deuteranopia

#7B78A6

Tritanopia

#6EA2A1

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D1DEE5
300
#B0C6D3
400
#86A7BB
500
#5B88A4
600
#496D83
700
#3A5769
800
#2E4452
900
#24333D
950
#172026

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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