#4865FA

#4865FA

Color Values

HEX

#4865FA

RGB

72, 101, 250

HSL

230.2, 94.7%, 63.1%

HSV

230.2, 71.2%, 98.0%

CMYK

71.2%, 59.6%, 0.0%, 2.0%

OKLCH

0.5752 0.2234 269.5

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#4865FA

#FADD48

Analogous

#48BEFA

#8448FA

#4865FA

Triadic

#4865FA

#FA4865

#65FA48

Split Complementary

#4865FA

#FA8448

#BEFA48

Tetradic

#4865FA

#FA48BE

#FADD48

#48FA84

Color Blindness Simulation

Original

#4865FA

Protanopia

#5555D6

Deuteranopia

#5351CD

Tritanopia

#49B9B3

Achromatopsia

#6A6A6A

CSS Usage

background-color: #4865FA;
color: #4865FA;
border-color: #4865FA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F3FE
100
#DFE3FC
200
#B9C5FD
300
#889BFC
400
#4764FA
500
#072EF8
600
#0525C7
700
#041E9F
800
#03177C
900
#07155A
950
#050D39

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass 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