#3225CE

#3225CE

Color Values

HEX

#3225CE

RGB

50, 37, 206

HSL

244.6, 69.5%, 47.6%

HSV

244.6, 82.0%, 80.8%

CMYK

75.7%, 82.0%, 0.0%, 19.2%

OKLCH

0.4268 0.2397 272.9

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3225CE

#C1CE25

Analogous

#256CCE

#8625CE

#3225CE

Triadic

#3225CE

#CE3225

#25CE32

Split Complementary

#3225CE

#CE8625

#6CCE25

Tetradic

#3225CE

#CE256C

#C1CE25

#25CE86

Color Blindness Simulation

Original

#3225CE

Protanopia

#2C2CA5

Deuteranopia

#2D2E9B

Tritanopia

#31857E

Achromatopsia

#343434

CSS Usage

background-color: #3225CE;
color: #3225CE;
border-color: #3225CE;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F3FC
100
#E4E3F8
200
#C6C2F4
300
#9E97EC
400
#695FE2
500
#3427D8
600
#2A1FAD
700
#22198A
800
#1A136C
900
#17124F
950
#0E0B32

Contrast Checker

Text on white

9.16:1

AA Pass AAA Pass

Text on black

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