#486BFA

#486BFA

Color Values

HEX

#486BFA

RGB

72, 107, 250

HSL

228.2, 94.7%, 63.1%

HSV

228.2, 71.2%, 98.0%

CMYK

71.2%, 57.2%, 0.0%, 2.0%

OKLCH

0.586 0.2165 268.4

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#486BFA

#FAD748

Analogous

#48C4FA

#7E48FA

#486BFA

Triadic

#486BFA

#FA486B

#6BFA48

Split Complementary

#486BFA

#FA7E48

#C4FA48

Tetradic

#486BFA

#FA48C4

#FAD748

#48FA7E

Color Blindness Simulation

Original

#486BFA

Protanopia

#5757D7

Deuteranopia

#5552CF

Tritanopia

#4ABCB6

Achromatopsia

#6E6E6E

CSS Usage

background-color: #486BFA;
color: #486BFA;
border-color: #486BFA;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F4FE
100
#DFE4FC
200
#B9C7FD
300
#889FFC
400
#476AFA
500
#0736F8
600
#052BC7
700
#04239F
800
#031B7C
900
#07175A
950
#050F39

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026