#3130AE

#3130AE

Color Values

HEX

#3130AE

RGB

49, 48, 174

HSL

240.5, 56.8%, 43.5%

HSV

240.5, 72.4%, 68.2%

CMYK

71.8%, 72.4%, 0.0%, 31.8%

OKLCH

0.4053 0.1927 274.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3130AE

#ADAE30

Analogous

#306EAE

#7030AE

#3130AE

Triadic

#3130AE

#AE3130

#30AE31

Split Complementary

#3130AE

#AE7030

#6EAE30

Tetradic

#3130AE

#AE306E

#ADAE30

#30AE70

Color Blindness Simulation

Original

#3130AE

Protanopia

#313190

Deuteranopia

#313188

Tritanopia

#317772

Achromatopsia

#393939

CSS Usage

background-color: #3130AE;
color: #3130AE;
border-color: #3130AE;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C7C7F0
300
#A09FE5
400
#6C6BD6
500
#3837C8
600
#2D2CA0
700
#242380
800
#1C1C64
900
#181849
950
#0F0F2E

Contrast Checker

Text on white

9.7:1

AA Pass AAA Pass

Text on black

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