#413348

#413348

Color Values

HEX

#413348

RGB

65, 51, 72

HSL

280.0, 17.1%, 24.1%

HSV

280.0, 29.2%, 28.2%

CMYK

9.7%, 29.2%, 0.0%, 71.8%

OKLCH

0.3451 0.0403 314.3

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#413348

#3A4833

Analogous

#363348

#483344

#413348

Triadic

#413348

#484133

#334841

Split Complementary

#413348

#444833

#334836

Tetradic

#413348

#483633

#3A4833

#334448

Color Blindness Simulation

Original

#413348

Protanopia

#3B3B43

Deuteranopia

#3C3D42

Tritanopia

#403F3E

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBF0
200
#DDD5E1
300
#C5B7CC
400
#A691B1
500
#876A95
600
#6C5577
700
#564460
800
#43354B
900
#332938
950
#201A23

Contrast Checker

Text on white

11.72:1

AA Pass AAA Pass

Text on black

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