#4875FF

#4875FF

Color Values

HEX

#4875FF

RGB

72, 117, 255

HSL

225.2, 100.0%, 64.1%

HSV

225.2, 71.8%, 100.0%

CMYK

71.8%, 54.1%, 0.0%, 0.0%

OKLCH

0.6085 0.2112 266.4

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4875FF

#FFD248

Analogous

#48D1FF

#7648FF

#4875FF

Triadic

#4875FF

#FF4875

#75FF48

Split Complementary

#4875FF

#FF7648

#D1FF48

Tetradic

#4875FF

#FF48D1

#FFD248

#48FF76

Color Blindness Simulation

Original

#4875FF

Protanopia

#5B5CDE

Deuteranopia

#5956D6

Tritanopia

#4AC3BD

Achromatopsia

#757575

CSS Usage

background-color: #4875FF;
color: #4875FF;
border-color: #4875FF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C9FF
300
#85A3FF
400
#4271FF
500
#003FFF
600
#0032CC
700
#0028A3
800
#001F80
900
#051A5C
950
#03113A

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026