#4942BF

#4942BF

Color Values

HEX

#4942BF

RGB

73, 66, 191

HSL

243.4, 49.4%, 50.4%

HSV

243.4, 65.4%, 74.9%

CMYK

61.8%, 65.4%, 0.0%, 25.1%

OKLCH

0.4661 0.1886 278.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#4942BF

#B8BF42

Analogous

#4279BF

#8842BF

#4942BF

Triadic

#4942BF

#BF4942

#42BF49

Split Complementary

#4942BF

#BF8842

#79BF42

Tetradic

#4942BF

#BF4279

#B8BF42

#42BF88

Color Blindness Simulation

Original

#4942BF

Protanopia

#4646A1

Deuteranopia

#46479A

Tritanopia

#498984

Achromatopsia

#4D4D4D

CSS Usage

background-color: #4942BF;
color: #4942BF;
border-color: #4942BF;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CCCAED
300
#A7A4E0
400
#7772CF
500
#4841BE
600
#393498
700
#2E297A
800
#24205F
900
#1D1B46
950
#13112C

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

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