#286AE2

#286AE2

Color Values

HEX

#286AE2

RGB

40, 106, 226

HSL

218.7, 76.2%, 52.2%

HSV

218.7, 82.3%, 88.6%

CMYK

82.3%, 53.1%, 0.0%, 11.4%

OKLCH

0.5536 0.1949 261.2

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#286AE2

#E2A028

Analogous

#28C7E2

#4328E2

#286AE2

Triadic

#286AE2

#E2286A

#6AE228

Split Complementary

#286AE2

#E24328

#C7E228

Tetradic

#286AE2

#E228C7

#E2A028

#28E243

Color Blindness Simulation

Original

#286AE2

Protanopia

#4545C5

Deuteranopia

#413CBE

Tritanopia

#2BAEA9

Achromatopsia

#656565

CSS Usage

background-color: #286AE2;
color: #286AE2;
border-color: #286AE2;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F6FC
100
#E2EAF9
200
#C0D3F7
300
#93B4F0
400
#598CE9
500
#1E63E1
600
#184FB4
700
#134090
800
#0F3270
900
#0F2752
950
#0A1934

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

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