#360273

#360273

Color Values

HEX

#360273

RGB

54, 2, 115

HSL

267.6, 96.6%, 22.9%

HSV

267.6, 98.3%, 45.1%

CMYK

53.0%, 98.3%, 0.0%, 54.9%

OKLCH

0.2961 0.1614 293.7

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#360273

#3F7302

Analogous

#020673

#6E0273

#360273

Triadic

#360273

#733602

#027336

Split Complementary

#360273

#736E02

#067302

Tetradic

#360273

#730206

#3F7302

#02736E

Color Blindness Simulation

Original

#360273

Protanopia

#1F1F58

Deuteranopia

#222651

Tritanopia

#33423D

Achromatopsia

#151515

CSS Usage

background-color: #360273;
color: #360273;
border-color: #360273;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D9B9FE
300
#BD87FD
400
#9946FC
500
#7604FB
600
#5E03C9
700
#4B03A0
800
#3B027D
900
#2D065B
950
#1C0439

Contrast Checker

Text on white

14.86:1

AA Pass AAA Pass

Text on black

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