#4148BE

#4148BE

Color Values

HEX

#4148BE

RGB

65, 72, 190

HSL

236.6, 49.0%, 50.0%

HSV

236.6, 65.8%, 74.5%

CMYK

65.8%, 62.1%, 0.0%, 25.5%

OKLCH

0.4699 0.1819 274.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4148BE

#BEB741

Analogous

#4187BE

#7841BE

#4148BE

Triadic

#4148BE

#BE4148

#48BE41

Split Complementary

#4148BE

#BE7841

#87BE41

Tetradic

#4148BE

#BE4187

#BEB741

#41BE78

Color Blindness Simulation

Original

#4148BE

Protanopia

#4444A1

Deuteranopia

#44439B

Tritanopia

#418B86

Achromatopsia

#4F4F4F

CSS Usage

background-color: #4148BE;
color: #4148BE;
border-color: #4148BE;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACCED
300
#A4A7E0
400
#7278CF
500
#4148BE
600
#343A98
700
#2A2E7A
800
#21245F
900
#1B1E46
950
#11132C

Contrast Checker

Text on white

7.25:1

AA Pass AAA Pass

Text on black

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