#5C69B3

#5C69B3

Color Values

HEX

#5C69B3

RGB

92, 105, 179

HSL

231.0, 36.4%, 53.1%

HSV

231.0, 48.6%, 70.2%

CMYK

48.6%, 41.3%, 0.0%, 29.8%

OKLCH

0.5445 0.1162 274.4

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#5C69B3

#B3A65C

Analogous

#5C94B3

#7A5CB3

#5C69B3

Triadic

#5C69B3

#B35C69

#69B35C

Split Complementary

#5C69B3

#B37A5C

#94B35C

Tetradic

#5C69B3

#B35C94

#B3A65C

#5CB37A

Color Blindness Simulation

Original

#5C69B3

Protanopia

#6262A1

Deuteranopia

#61609D

Tritanopia

#5D9390

Achromatopsia

#6C6C6C

CSS Usage

background-color: #5C69B3;
color: #5C69B3;
border-color: #5C69B3;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E8E9F3
200
#CED2E8
300
#ACB2D8
400
#7E89C3
500
#515FAE
600
#414C8B
700
#343D6F
800
#293057
900
#212540
950
#151829

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.13:1

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