#3D52C2

#3D52C2

Color Values

HEX

#3D52C2

RGB

61, 82, 194

HSL

230,5, 52,2%, 50,0%

HSV

230,5, 68,6%, 76,1%

CMYK

68,6%, 57,7%, 0,0%, 23,9%

OKLCH

0,4893 0,176 270,5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#3D52C2

#C2AD3D

Analogous

#3D95C2

#6A3DC2

#3D52C2

Triadic

#3D52C2

#C23D52

#52C23D

Split Complementary

#3D52C2

#C26A3D

#95C23D

Tetradic

#3D52C2

#C23D95

#C2AD3D

#3DC26A

Color Blindness Simulation

Original

#3D52C2

Protanopia

#4646A7

Deuteranopia

#4543A0

Tritanopia

#3E918D

Achromatopsia

#565656

CSS Usage

background-color: #3D52C2;
color: #3D52C2;
border-color: #3D52C2;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E5E8F5
200
#C9CFEE
300
#A2ACE2
400
#6F7FD2
500
#3D52C2
600
#31429B
700
#27347C
800
#1E2961
900
#1A2147
950
#10152D

Contrast Checker

Text on white

6,59:1

AA Pass AAA Fail

Text on black

3,18: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