#2819BA

#2819BA

Color Values

HEX

#2819BA

RGB

40, 25, 186

HSL

245.6, 76.3%, 41.4%

HSV

245.6, 86.6%, 72.9%

CMYK

78.5%, 86.6%, 0.0%, 27.1%

OKLCH

0.3859 0.2281 271.9

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2819BA

#ABBA19

Analogous

#195BBA

#7919BA

#2819BA

Triadic

#2819BA

#BA2819

#19BA28

Split Complementary

#2819BA

#BA7919

#5BBA19

Tetradic

#2819BA

#BA195B

#ABBA19

#19BA79

Color Blindness Simulation

Original

#2819BA

Protanopia

#222193

Deuteranopia

#22248A

Tritanopia

#27746E

Achromatopsia

#282828

CSS Usage

background-color: #2819BA;
color: #2819BA;
border-color: #2819BA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F3F2FC
100
#E4E2F9
200
#C5C0F7
300
#9C93F0
400
#6659E9
500
#301EE1
600
#2718B4
700
#1F1390
800
#180F70
900
#150F52
950
#0E0A34

Contrast Checker

Text on white

10.83:1

AA Pass AAA Pass

Text on black

1.94:1

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