#484FB6

#484FB6

Color Values

HEX

#484FB6

RGB

72, 79, 182

HSL

236.2, 43.3%, 49.8%

HSV

236.2, 60.4%, 71.4%

CMYK

60.4%, 56.6%, 0.0%, 28.6%

OKLCH

0.4808 0.1605 275.6

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#484FB6

#B6AF48

Analogous

#4886B6

#7848B6

#484FB6

Triadic

#484FB6

#B6484F

#4FB648

Split Complementary

#484FB6

#B67848

#86B648

Tetradic

#484FB6

#B64886

#B6AF48

#48B678

Color Blindness Simulation

Original

#484FB6

Protanopia

#4B4B9D

Deuteranopia

#4B4A97

Tritanopia

#488985

Achromatopsia

#555555

CSS Usage

background-color: #484FB6;
color: #484FB6;
border-color: #484FB6;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCEEB
300
#A7ABDC
400
#787DCA
500
#484FB7
600
#3A3F92
700
#2E3375
800
#24285B
900
#1E2043
950
#13142B

Contrast Checker

Text on white

6.84:1

AA Pass AAA Fail

Text on black

3.07:1

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