#6C6F95

#6C6F95

Color Values

HEX

#6C6F95

RGB

108, 111, 149

HSL

235.6, 16.2%, 50.4%

HSV

235.6, 27.5%, 58.4%

CMYK

27.5%, 25.5%, 0.0%, 41.6%

OKLCH

0.5539 0.059 280.8

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#6C6F95

#95926C

Analogous

#6C8495

#7E6C95

#6C6F95

Triadic

#6C6F95

#956C6F

#6F956C

Split Complementary

#6C6F95

#957E6C

#84956C

Tetradic

#6C6F95

#956C84

#95926C

#6C957E

Color Blindness Simulation

Original

#6C6F95

Protanopia

#6D6D8C

Deuteranopia

#6D6D8A

Tritanopia

#6C8583

Achromatopsia

#717171

CSS Usage

background-color: #6C6F95;
color: #6C6F95;
border-color: #6C6F95;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F8
100
#EBEBF0
200
#D6D6E1
300
#B8B9CC
400
#9194B0
500
#6B6E94
600
#555877
700
#44465F
800
#35374A
900
#292A38
950
#1A1B23

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.35:1

AA Fail 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