#463CDB

#463CDB

Color Values

HEX

#463CDB

RGB

70, 60, 219

HSL

243,8, 68,8%, 54,7%

HSV

243,8, 72,6%, 85,9%

CMYK

68,0%, 72,6%, 0,0%, 14,1%

OKLCH

0,481 0,2302 276,1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#463CDB

#D1DB3C

Analogous

#3C81DB

#963CDB

#463CDB

Triadic

#463CDB

#DB463C

#3CDB46

Split Complementary

#463CDB

#DB963C

#81DB3C

Tetradic

#463CDB

#DB3C81

#D1DB3C

#3CDB96

Color Blindness Simulation

Original

#463CDB

Protanopia

#4242B5

Deuteranopia

#4243AB

Tritanopia

#46968F

Achromatopsia

#4A4A4A

CSS Usage

background-color: #463CDB;
color: #463CDB;
border-color: #463CDB;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E4E3F8
200
#C6C3F4
300
#9D98EC
400
#6860E2
500
#3328D7
600
#2920AC
700
#21198A
800
#19146C
900
#16124E
950
#0E0C32

Contrast Checker

Text on white

7,17:1

AA Pass AAA Pass

Text on black

2,93:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026