#2183E5

#2183E5

Color Values

HEX

#2183E5

RGB

33, 131, 229

HSL

210.0, 79.0%, 51.4%

HSV

210.0, 85.6%, 89.8%

CMYK

85.6%, 42.8%, 0.0%, 10.2%

OKLCH

0.6073 0.1715 253.1

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#2183E5

#E58321

Analogous

#21E5E5

#2121E5

#2183E5

Triadic

#2183E5

#E52183

#83E521

Split Complementary

#2183E5

#E52121

#E5E521

Tetradic

#2183E5

#E521E5

#E58321

#21E521

Color Blindness Simulation

Original

#2183E5

Protanopia

#4B4CCD

Deuteranopia

#463EC8

Tritanopia

#26BBB6

Achromatopsia

#757575

CSS Usage

background-color: #2183E5;
color: #2183E5;
border-color: #2183E5;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#BFDBF8
300
#91C2F2
400
#56A1EB
500
#1B80E4
600
#1566B7
700
#115292
800
#0D4072
900
#0E3053
950
#091F34

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.44: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