#484EB7

#484EB7

Color Values

HEX

#484EB7

RGB

72, 78, 183

HSL

236,8, 43,5%, 50,0%

HSV

236,8, 60,7%, 71,8%

CMYK

60,7%, 57,4%, 0,0%, 28,2%

OKLCH

0,4797 0,1632 275,9

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#484EB7

#B7B148

Analogous

#4885B7

#7A48B7

#484EB7

Triadic

#484EB7

#B7484E

#4EB748

Split Complementary

#484EB7

#B77A48

#85B748

Tetradic

#484EB7

#B74885

#B7B148

#48B77A

Color Blindness Simulation

Original

#484EB7

Protanopia

#4B4B9E

Deuteranopia

#4A4A98

Tritanopia

#488A85

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCDEB
300
#A7AADC
400
#787CCA
500
#484EB7
600
#3A3E92
700
#2E3275
800
#24275B
900
#1D2043
950
#13142B

Contrast Checker

Text on white

6,89:1

AA Pass AAA Fail

Text on black

3,05:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026