#42334A

#42334A

Color Values

HEX

#42334A

RGB

66, 51, 74

HSL

279.1, 18.4%, 24.5%

HSV

279.1, 31.1%, 29.0%

CMYK

10.8%, 31.1%, 0.0%, 71.0%

OKLCH

0.3472 0.0438 313.6

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#42334A

#3B4A33

Analogous

#36334A

#4A3346

#42334A

Triadic

#42334A

#4A4233

#334A42

Split Complementary

#42334A

#464A33

#334A36

Tetradic

#42334A

#4A3633

#3B4A33

#33464A

Color Blindness Simulation

Original

#42334A

Protanopia

#3C3B44

Deuteranopia

#3C3D43

Tritanopia

#41403F

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DDD5E2
300
#C5B7CD
400
#A68FB2
500
#876897
600
#6C5379
700
#564361
800
#43344B
900
#332838
950
#201A24

Contrast Checker

Text on white

11.64:1

AA Pass AAA Pass

Text on black

1.8:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026