#42012F

#42012F

Color Values

HEX

#42012F

RGB

66, 1, 47

HSL

317.5, 97.0%, 13.1%

HSV

317.5, 98.5%, 25.9%

CMYK

0.0%, 98.5%, 28.8%, 74.1%

OKLCH

0.2545 0.1069 343.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#42012F

#014214

Analogous

#340142

#42010F

#42012F

Triadic

#42012F

#2F4201

#012F42

Split Complementary

#42012F

#0F4201

#014234

Tetradic

#42012F

#423401

#014214

#010F42

Color Blindness Simulation

Original

#42012F

Protanopia

#262524

Deuteranopia

#2A2E21

Tritanopia

#3F1B19

Achromatopsia

#121212

CSS Usage

background-color: #42012F;
color: #42012F;
border-color: #42012F;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FEF1FA
100
#FCDEF3
200
#FEB9EA
300
#FD86DB
400
#FC45C7
500
#FB04B3
600
#C9038F
700
#A10273
800
#7E025A
900
#5B0642
950
#39042A

Contrast Checker

Text on white

16.44:1

AA Pass AAA Pass

Text on black

1.28:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026