#4B83F6

#4B83F6

Color Values

HEX

#4B83F6

RGB

75, 131, 246

HSL

220.4, 90.5%, 62.9%

HSV

220.4, 69.5%, 96.5%

CMYK

69.5%, 46.7%, 0.0%, 3.5%

OKLCH

0.6311 0.1822 262.8

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#4B83F6

#F6BE4B

Analogous

#4BD8F6

#684BF6

#4B83F6

Triadic

#4B83F6

#F64B83

#83F64B

Split Complementary

#4B83F6

#F6684B

#D8F64B

Tetradic

#4B83F6

#F64BD8

#F6BE4B

#4BF668

Color Blindness Simulation

Original

#4B83F6

Protanopia

#6364DA

Deuteranopia

#605CD4

Tritanopia

#4EC4BF

Achromatopsia

#7F7F7F

CSS Usage

background-color: #4B83F6;
color: #4B83F6;
border-color: #4B83F6;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BBD0FC
300
#8AAFF9
400
#4B83F6
500
#0C57F3
600
#0A46C2
700
#08389B
800
#062C79
900
#092358
950
#061638

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.88:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026