#486AFA

#486AFA

Color Values

HEX

#486AFA

RGB

72, 106, 250

HSL

228.5, 94.7%, 63.1%

HSV

228.5, 71.2%, 98.0%

CMYK

71.2%, 57.6%, 0.0%, 2.0%

OKLCH

0.5842 0.2176 268.6

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#486AFA

#FAD848

Analogous

#48C3FA

#7F48FA

#486AFA

Triadic

#486AFA

#FA486A

#6AFA48

Split Complementary

#486AFA

#FA7F48

#C3FA48

Tetradic

#486AFA

#FA48C3

#FAD848

#48FA7F

Color Blindness Simulation

Original

#486AFA

Protanopia

#5757D7

Deuteranopia

#5552CF

Tritanopia

#4ABCB6

Achromatopsia

#6D6D6D

CSS Usage

background-color: #486AFA;
color: #486AFA;
border-color: #486AFA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F4FE
100
#DFE4FC
200
#B9C6FD
300
#889EFC
400
#476AFA
500
#0735F8
600
#052AC7
700
#04229F
800
#031B7C
900
#07175A
950
#050F39

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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