#42303F

#42303F

Color Values

HEX

#42303F

RGB

66, 48, 63

HSL

310.0, 15.8%, 22.4%

HSV

310.0, 27.3%, 25.9%

CMYK

0.0%, 27.3%, 4.5%, 74.1%

OKLCH

0.3355 0.0358 332.2

Properties

Warm Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#42303F

#304233

Analogous

#3C3042

#423036

#42303F

Triadic

#42303F

#3F4230

#303F42

Split Complementary

#42303F

#364230

#30423C

Tetradic

#42303F

#423C30

#304233

#303642

Color Blindness Simulation

Original

#42303F

Protanopia

#3A3A3B

Deuteranopia

#3B3D3A

Tritanopia

#413938

Achromatopsia

#353535

CSS Usage

background-color: #42303F;
color: #42303F;
border-color: #42303F;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D6DF
300
#CBB8C8
400
#B092AB
500
#946B8D
600
#765671
700
#5E455A
800
#4A3646
900
#372A35
950
#231A22

Contrast Checker

Text on white

12.17:1

AA Pass AAA Pass

Text on black

1.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026