#4B83DC

#4B83DC

Color Values

HEX

#4B83DC

RGB

75, 131, 220

HSL

216.8, 67.4%, 57.8%

HSV

216.8, 65.9%, 86.3%

CMYK

65.9%, 40.5%, 0.0%, 13.7%

OKLCH

0.6146 0.1478 259.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4B83DC

#DCA44B

Analogous

#4BCBDC

#5B4BDC

#4B83DC

Triadic

#4B83DC

#DC4B83

#83DC4B

Split Complementary

#4B83DC

#DC5B4B

#CBDC4B

Tetradic

#4B83DC

#DC4BCB

#DCA44B

#4BDC5B

Color Blindness Simulation

Original

#4B83DC

Protanopia

#6364C6

Deuteranopia

#605CC1

Tritanopia

#4EB5B2

Achromatopsia

#7E7E7E

CSS Usage

background-color: #4B83DC;
color: #4B83DC;
border-color: #4B83DC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C3D6F3
300
#99B8EB
400
#6192E0
500
#2A6CD5
600
#2156AB
700
#1B4589
800
#15366B
900
#132A4E
950
#0C1A31

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

5.58:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026