#423348

#423348

Color Values

HEX

#423348

RGB

66, 51, 72

HSL

282.9, 17.1%, 24.1%

HSV

282.9, 29.2%, 28.2%

CMYK

8.3%, 29.2%, 0.0%, 71.8%

OKLCH

0.3462 0.0409 316.2

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#423348

#394833

Analogous

#373348

#483343

#423348

Triadic

#423348

#484233

#334842

Split Complementary

#423348

#434833

#334837

Tetradic

#423348

#483733

#394833

#334348

Color Blindness Simulation

Original

#423348

Protanopia

#3C3B43

Deuteranopia

#3C3D42

Tritanopia

#413F3E

Achromatopsia

#383838

CSS Usage

background-color: #423348;
color: #423348;
border-color: #423348;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F8F6F8
100
#EEEBF0
200
#DED5E1
300
#C6B7CC
400
#A891B1
500
#896A95
600
#6E5577
700
#584460
800
#44354B
900
#342938
950
#211A23

Contrast Checker

Text on white

11.67:1

AA Pass AAA Pass

Text on black

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