#6C93AB

#6C93AB

Color Values

HEX

#6C93AB

RGB

108, 147, 171

HSL

202.9, 27.3%, 54.7%

HSV

202.9, 36.8%, 67.1%

CMYK

36.8%, 14.0%, 0.0%, 32.9%

OKLCH

0.6433 0.0561 235.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#6C93AB

#AB846C

Analogous

#6CABA4

#6C73AB

#6C93AB

Triadic

#6C93AB

#AB6C93

#93AB6C

Split Complementary

#6C93AB

#AB6C73

#ABA46C

Tetradic

#6C93AB

#A46CAB

#AB846C

#73AB6C

Color Blindness Simulation

Original

#6C93AB

Protanopia

#7D7DA5

Deuteranopia

#7B78A4

Tritanopia

#6EA1A0

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DEE5
300
#B1C6D3
400
#87A7BA
500
#5D88A2
600
#4A6D82
700
#3B5768
800
#2E4451
900
#25333C
950
#172026

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.4:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026