#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

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