#6C91CE

#6C91CE

Color Values

HEX

#6C91CE

RGB

108, 145, 206

HSL

217.3, 50.0%, 61.6%

HSV

217.3, 47.6%, 80.8%

CMYK

47.6%, 29.6%, 0.0%, 19.2%

OKLCH

0.6544 0.1007 260.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6C91CE

#CEA96C

Analogous

#6CC2CE

#786CCE

#6C91CE

Triadic

#6C91CE

#CE6C91

#91CE6C

Split Complementary

#6C91CE

#CE786C

#C2CE6C

Tetradic

#6C91CE

#CE6CC2

#CEA96C

#6CCE78

Color Blindness Simulation

Original

#6C91CE

Protanopia

#7C7CBF

Deuteranopia

#7A77BC

Tritanopia

#6EB4B1

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E6EBF5
200
#C9D7ED
300
#A3BAE0
400
#7195D0
500
#4070BF
600
#335A99
700
#29487A
800
#203860
900
#1B2B46
950
#111B2C

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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