#4B1022

#4B1022

Color Values

HEX

#4B1022

RGB

75, 16, 34

HSL

341.7, 64.8%, 17.8%

HSV

341.7, 78.7%, 29.4%

CMYK

0.0%, 78.7%, 54.7%, 70.6%

OKLCH

0.2821 0.0891 6.7

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#4B1022

#104B39

Analogous

#4B103F

#4B1B10

#4B1022

Triadic

#4B1022

#224B10

#10224B

Split Complementary

#4B1022

#104B1B

#103F4B

Tetradic

#4B1022

#3F4B10

#104B39

#1B104B

Color Blindness Simulation

Original

#4B1022

Protanopia

#31311E

Deuteranopia

#35391D

Tritanopia

#481A19

Achromatopsia

#1E1E1E

CSS Usage

background-color: #4B1022;
color: #4B1022;
border-color: #4B1022;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FCF3F6
100
#F7E3E9
200
#F2C4D2
300
#E99AB2
400
#DE6489
500
#D22D5F
600
#A8244C
700
#861D3D
800
#691630
900
#4D1425
950
#300D18

Contrast Checker

Text on white

15.04:1

AA Pass AAA Pass

Text on black

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