#515BD4

#515BD4

Color Values

HEX

#515BD4

RGB

81, 91, 212

HSL

235.4, 60.4%, 57.5%

HSV

235.4, 61.8%, 83.1%

CMYK

61.8%, 57.1%, 0.0%, 16.9%

OKLCH

0.5321 0.1837 274.7

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#515BD4

#D4CA51

Analogous

#519DD4

#8951D4

#515BD4

Triadic

#515BD4

#D4515B

#5BD451

Split Complementary

#515BD4

#D48951

#9DD451

Tetradic

#515BD4

#D4519D

#D4CA51

#51D489

Color Blindness Simulation

Original

#515BD4

Protanopia

#5555B7

Deuteranopia

#5554B0

Tritanopia

#52A09B

Achromatopsia

#626262

CSS Usage

background-color: #515BD4;
color: #515BD4;
border-color: #515BD4;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C9F1
300
#9DA3E7
400
#6870DA
500
#323ECD
600
#2832A4
700
#202883
800
#191F66
900
#161A4B
950
#0E112F

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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