#422F45

#422F45

Color Values

HEX

#422F45

RGB

66, 47, 69

HSL

291.8, 19.0%, 22.7%

HSV

291.8, 31.9%, 27.1%

CMYK

4.3%, 31.9%, 0.0%, 72.9%

OKLCH

0.3361 0.0455 321.8

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#422F45

#32452F

Analogous

#372F45

#452F3D

#422F45

Triadic

#422F45

#45422F

#2F4542

Split Complementary

#422F45

#3D452F

#2F4537

Tetradic

#422F45

#45372F

#32452F

#2F3D45

Color Blindness Simulation

Original

#422F45

Protanopia

#3A3A40

Deuteranopia

#3B3C3E

Tritanopia

#413B3B

Achromatopsia

#353535

CSS Usage

background-color: #422F45;
color: #422F45;
border-color: #422F45;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D5E2
300
#CAB6CD
400
#AE8FB3
500
#916798
600
#745379
700
#5D4261
800
#49344C
900
#362839
950
#221924

Contrast Checker

Text on white

12.18:1

AA Pass AAA Pass

Text on black

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