#402F3F

#402F3F

Color Values

HEX

#402F3F

RGB

64, 47, 63

HSL

303.5, 15.3%, 21.8%

HSV

303.5, 26.6%, 25.1%

CMYK

0.0%, 26.6%, 1.6%, 74.9%

OKLCH

0.3309 0.0361 328.3

Properties

Warm Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#402F3F

#2F4030

Analogous

#392F40

#402F37

#402F3F

Triadic

#402F3F

#3F402F

#2F3F40

Split Complementary

#402F3F

#37402F

#2F4039

Tetradic

#402F3F

#40392F

#2F4030

#2F3740

Color Blindness Simulation

Original

#402F3F

Protanopia

#39383B

Deuteranopia

#3A3B3A

Tritanopia

#3F3837

Achromatopsia

#343434

CSS Usage

background-color: #402F3F;
color: #402F3F;
border-color: #402F3F;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E1D6E0
300
#CBB8CA
400
#AF92AD
500
#936C91
600
#765674
700
#5E455D
800
#4A3648
900
#372A36
950
#231A22

Contrast Checker

Text on white

12.38:1

AA Pass AAA Pass

Text on black

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