#5156B2

#5156B2

Color Values

HEX

#5156B2

RGB

81, 86, 178

HSL

236.9, 38.6%, 50.8%

HSV

236.9, 54.5%, 69.8%

CMYK

54.5%, 51.7%, 0.0%, 30.2%

OKLCH

0.4976 0.1435 277.5

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5156B2

#B2AD51

Analogous

#5187B2

#7D51B2

#5156B2

Triadic

#5156B2

#B25156

#56B251

Split Complementary

#5156B2

#B27D51

#87B251

Tetradic

#5156B2

#B25187

#B2AD51

#51B27D

Color Blindness Simulation

Original

#5156B2

Protanopia

#53539C

Deuteranopia

#535296

Tritanopia

#518A86

Achromatopsia

#5C5C5C

CSS Usage

background-color: #5156B2;
color: #5156B2;
border-color: #5156B2;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECFE9
300
#AAADD9
400
#7C80C5
500
#4E53B1
600
#3F438D
700
#323571
800
#272A58
900
#202141
950
#141529

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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