#3218B4

#3218B4

Color Values

HEX

#3218B4

RGB

50, 24, 180

HSL

250.0, 76.5%, 40.0%

HSV

250.0, 86.7%, 70.6%

CMYK

72.2%, 86.7%, 0.0%, 29.4%

OKLCH

0.3843 0.2195 276.0

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#3218B4

#9AB418

Analogous

#184CB4

#8018B4

#3218B4

Triadic

#3218B4

#B43218

#18B432

Split Complementary

#3218B4

#B48018

#4CB418

Tetradic

#3218B4

#B4184C

#9AB418

#18B480

Color Blindness Simulation

Original

#3218B4

Protanopia

#27278E

Deuteranopia

#282A85

Tritanopia

#31706A

Achromatopsia

#292929

CSS Usage

background-color: #3218B4;
color: #3218B4;
border-color: #3218B4;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F4F2FC
100
#E5E2F9
200
#C9C0F7
300
#A393F1
400
#7158E9
500
#3E1EE1
600
#3218B4
700
#281390
800
#1F0F71
900
#1A0F52
950
#110A34

Contrast Checker

Text on white

10.91:1

AA Pass AAA Pass

Text on black

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