#381BE4

#381BE4

Color Values

HEX

#381BE4

RGB

56, 27, 228

HSL

248.7, 78.8%, 50.0%

HSV

248.7, 88.2%, 89.4%

CMYK

75.4%, 88.2%, 0.0%, 10.6%

OKLCH

0.4474 0.2677 273.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#381BE4

#C7E41B

Analogous

#1B62E4

#9D1BE4

#381BE4

Triadic

#381BE4

#E4381B

#1BE438

Split Complementary

#381BE4

#E49D1B

#62E41B

Tetradic

#381BE4

#E41B62

#C7E41B

#1BE49D

Color Blindness Simulation

Original

#381BE4

Protanopia

#2B2BB3

Deuteranopia

#2D2FA8

Tritanopia

#378D85

Achromatopsia

#303030

CSS Usage

background-color: #381BE4;
color: #381BE4;
border-color: #381BE4;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FC
100
#E5E1F9
200
#C7BFF7
300
#A092F2
400
#6C56EB
500
#381BE4
600
#2D16B6
700
#241192
800
#1C0E72
900
#180E53
950
#0F0934

Contrast Checker

Text on white

8.59:1

AA Pass AAA Pass

Text on black

2.45:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026