#4948BF

#4948BF

Color Values

HEX

#4948BF

RGB

73, 72, 191

HSL

240.5, 48.2%, 51.6%

HSV

240.5, 62.3%, 74.9%

CMYK

61.8%, 62.3%, 0.0%, 25.1%

OKLCH

0.4761 0.1814 277.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4948BF

#BEBF48

Analogous

#4883BF

#8548BF

#4948BF

Triadic

#4948BF

#BF4948

#48BF49

Split Complementary

#4948BF

#BF8548

#83BF48

Tetradic

#4948BF

#BF4883

#BEBF48

#48BF85

Color Blindness Simulation

Original

#4948BF

Protanopia

#4949A2

Deuteranopia

#49499B

Tritanopia

#498B86

Achromatopsia

#515151

CSS Usage

background-color: #4948BF;
color: #4948BF;
border-color: #4948BF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CACAED
300
#A5A4DF
400
#7473CE
500
#4342BD
600
#363597
700
#2B2A79
800
#22215E
900
#1C1B45
950
#12112C

Contrast Checker

Text on white

7.09:1

AA Pass AAA Pass

Text on black

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