#3227CD

#3227CD

Color Values

HEX

#3227CD

RGB

50, 39, 205

HSL

244.0, 68.0%, 47.8%

HSV

244.0, 81.0%, 80.4%

CMYK

75.6%, 81.0%, 0.0%, 19.6%

OKLCH

0.4277 0.2371 272.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3227CD

#C2CD27

Analogous

#276FCD

#8527CD

#3227CD

Triadic

#3227CD

#CD3227

#27CD32

Split Complementary

#3227CD

#CD8527

#6FCD27

Tetradic

#3227CD

#CD276F

#C2CD27

#27CD85

Color Blindness Simulation

Original

#3227CD

Protanopia

#2D2DA5

Deuteranopia

#2E2F9B

Tritanopia

#31857E

Achromatopsia

#353535

CSS Usage

background-color: #3227CD;
color: #3227CD;
border-color: #3227CD;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C6C3F4
300
#9E98EB
400
#6960E1
500
#3429D6
600
#2A21AB
700
#221A89
800
#1A146B
900
#17134E
950
#0E0C31

Contrast Checker

Text on white

9.1:1

AA Pass AAA Pass

Text on black

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