#42325D

#42325D

Color Values

HEX

#42325D

RGB

66, 50, 93

HSL

262.3, 30.1%, 28.0%

HSV

262.3, 46.2%, 36.5%

CMYK

29.0%, 46.2%, 0.0%, 63.5%

OKLCH

0.3555 0.0746 299.8

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#42325D

#4D5D32

Analogous

#32375D

#57325D

#42325D

Triadic

#42325D

#5D4232

#325D42

Split Complementary

#42325D

#5D5732

#375D32

Tetradic

#42325D

#5D3237

#4D5D32

#325D57

Color Blindness Simulation

Original

#42325D

Protanopia

#3B3B53

Deuteranopia

#3C3D50

Tritanopia

#414A49

Achromatopsia

#393939

CSS Usage

background-color: #42325D;
color: #42325D;
border-color: #42325D;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F5F9
100
#ECE9F2
200
#D9D1E6
300
#BDAFD4
400
#9984BD
500
#7659A6
600
#5E4785
700
#4B396A
800
#3B2D53
900
#2D233E
950
#1C1627

Contrast Checker

Text on white

11.38:1

AA Pass AAA Pass

Text on black

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