#42446F

#42446F

Color Values

HEX

#42446F

RGB

66, 68, 111

HSL

237.3, 25.4%, 34.7%

HSV

237.3, 40.5%, 43.5%

CMYK

40.5%, 38.7%, 0.0%, 56.5%

OKLCH

0.405 0.0718 280.6

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#42446F

#6F6D42

Analogous

#425B6F

#56426F

#42446F

Triadic

#42446F

#6F4244

#446F42

Split Complementary

#42446F

#6F5642

#5B6F42

Tetradic

#42446F

#6F425B

#6F6D42

#426F56

Color Blindness Simulation

Original

#42446F

Protanopia

#434365

Deuteranopia

#434362

Tritanopia

#425C5B

Achromatopsia

#474747

CSS Usage

background-color: #42446F;
color: #42446F;
border-color: #42446F;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D3E4
300
#B2B4D1
400
#898BB9
500
#5F62A0
600
#4C4E80
700
#3D3F66
800
#303150
900
#25263C
950
#181826

Contrast Checker

Text on white

9.18:1

AA Pass AAA Pass

Text on black

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