#42243F

#42243F

Color Values

HEX

#42243F

RGB

66, 36, 63

HSL

306.0, 29.4%, 20.0%

HSV

306.0, 45.5%, 25.9%

CMYK

0.0%, 45.5%, 4.5%, 74.1%

OKLCH

0.3106 0.062 330.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#42243F

#244227

Analogous

#362442

#422430

#42243F

Triadic

#42243F

#3F4224

#243F42

Split Complementary

#42243F

#304224

#244236

Tetradic

#42243F

#423624

#244227

#243042

Color Blindness Simulation

Original

#42243F

Protanopia

#353538

Deuteranopia

#373937

Tritanopia

#403332

Achromatopsia

#2C2C2C

CSS Usage

background-color: #42243F;
color: #42243F;
border-color: #42243F;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F9F5F9
100
#F2E9F1
200
#E6D1E4
300
#D4B0D0
400
#BC85B7
500
#A55A9D
600
#84487E
700
#6A3A65
800
#522D4F
900
#3D243B
950
#271725

Contrast Checker

Text on white

13.5:1

AA Pass AAA Pass

Text on black

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