#286CA4

#286CA4

Color Values

HEX

#286CA4

RGB

40, 108, 164

HSL

207.1, 60.8%, 40.0%

HSV

207.1, 75.6%, 64.3%

CMYK

75.6%, 34.1%, 0.0%, 35.7%

OKLCH

0.516 0.1116 247.2

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#286CA4

#A46028

Analogous

#28A49E

#282EA4

#286CA4

Triadic

#286CA4

#A4286C

#6CA428

Split Complementary

#286CA4

#A4282E

#A49E28

Tetradic

#286CA4

#9E28A4

#A46028

#2EA428

Color Blindness Simulation

Original

#286CA4

Protanopia

#454696

Deuteranopia

#423C93

Tritanopia

#2B8C89

Achromatopsia

#626262

CSS Usage

background-color: #286CA4;
color: #286CA4;
border-color: #286CA4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F8FB
100
#E4EEF6
200
#C6DDF1
300
#9DC5E7
400
#67A6DA
500
#3287CD
600
#286CA4
700
#205683
800
#194367
900
#16334B
950
#0E202F

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

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