#5C7CCB

#5C7CCB

Color Values

HEX

#5C7CCB

RGB

92, 124, 203

HSL

222.7, 51.6%, 57.8%

HSV

222.7, 54.7%, 79.6%

CMYK

54.7%, 38.9%, 0.0%, 20.4%

OKLCH

0.5984 0.1264 266.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#5C7CCB

#CBAB5C

Analogous

#5CB3CB

#735CCB

#5C7CCB

Triadic

#5C7CCB

#CB5C7C

#7CCB5C

Split Complementary

#5C7CCB

#CB735C

#B3CB5C

Tetradic

#5C7CCB

#CB5CB3

#CBAB5C

#5CCB73

Color Blindness Simulation

Original

#5C7CCB

Protanopia

#6A6AB8

Deuteranopia

#6866B3

Tritanopia

#5EA9A5

Achromatopsia

#7B7B7B

CSS Usage

background-color: #5C7CCB;
color: #5C7CCB;
border-color: #5C7CCB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FB
100
#E5EAF5
200
#C9D4EE
300
#A2B4E1
400
#708CD1
500
#3E64C1
600
#31509B
700
#27407C
800
#1F3261
900
#1A2747
950
#10192D

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026