#423C56

#423C56

Color Values

HEX

#423C56

RGB

66, 60, 86

HSL

253.8, 17.8%, 28.6%

HSV

253.8, 30.2%, 33.7%

CMYK

23.3%, 30.2%, 0.0%, 66.3%

OKLCH

0.3733 0.0445 294.7

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#423C56

#50563C

Analogous

#3C4356

#4F3C56

#423C56

Triadic

#423C56

#56423C

#3C5642

Split Complementary

#423C56

#564F3C

#43563C

Tetradic

#423C56

#563C43

#50563C

#3C564F

Color Blindness Simulation

Original

#423C56

Protanopia

#3F3F50

Deuteranopia

#40404E

Tritanopia

#424B4A

Achromatopsia

#3F3F3F

CSS Usage

background-color: #423C56;
color: #423C56;
border-color: #423C56;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D8D5E2
300
#BCB7CD
400
#9890B1
500
#736996
600
#5C5478
700
#4A4360
800
#3A344B
900
#2C2938
950
#1C1A24

Contrast Checker

Text on white

10.44:1

AA Pass AAA Pass

Text on black

2.01:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026