#363BC9

#363BC9

Color Values

HEX

#363BC9

RGB

54, 59, 201

HSL

238.0, 57.6%, 50.0%

HSV

238.0, 73.1%, 78.8%

CMYK

73.1%, 70.6%, 0.0%, 21.2%

OKLCH

0.452 0.2134 272.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#363BC9

#C9C436

Analogous

#3684C9

#7B36C9

#363BC9

Triadic

#363BC9

#C9363B

#3BC936

Split Complementary

#363BC9

#C97B36

#84C936

Tetradic

#363BC9

#C93684

#C9C436

#36C97B

Color Blindness Simulation

Original

#363BC9

Protanopia

#3838A7

Deuteranopia

#38389E

Tritanopia

#368B86

Achromatopsia

#444444

CSS Usage

background-color: #363BC9;
color: #363BC9;
border-color: #363BC9;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C7C8F0
300
#9FA1E5
400
#6A6ED7
500
#363BC9
600
#2B2FA1
700
#232681
800
#1B1D64
900
#17194A
950
#0F102E

Contrast Checker

Text on white

8.0:1

AA Pass AAA Pass

Text on black

2.63:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026