#514CB5

#514CB5

Color Values

HEX

#514CB5

RGB

81, 76, 181

HSL

242.9, 41.5%, 50.4%

HSV

242.9, 58.0%, 71.0%

CMYK

55.2%, 58.0%, 0.0%, 29.0%

OKLCH

0.4811 0.1612 280.6

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#514CB5

#B0B54C

Analogous

#4C7BB5

#864CB5

#514CB5

Triadic

#514CB5

#B5514C

#4CB551

Split Complementary

#514CB5

#B5864C

#7BB54C

Tetradic

#514CB5

#B54C7B

#B0B54C

#4CB586

Color Blindness Simulation

Original

#514CB5

Protanopia

#4F4F9C

Deuteranopia

#4F5096

Tritanopia

#518883

Achromatopsia

#555555

CSS Usage

background-color: #514CB5;
color: #514CB5;
border-color: #514CB5;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CECCEA
300
#ABA8DB
400
#7D79C8
500
#504BB4
600
#403C90
700
#333073
800
#28255A
900
#201E43
950
#14132A

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

3.05:1

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