#286BA4

#286BA4

Color Values

HEX

#286BA4

RGB

40, 107, 164

HSL

207.6, 60.8%, 40.0%

HSV

207.6, 75.6%, 64.3%

CMYK

75.6%, 34.8%, 0.0%, 35.7%

OKLCH

0.5136 0.1125 247.9

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#286BA4

#A46128

Analogous

#28A49F

#282DA4

#286BA4

Triadic

#286BA4

#A4286B

#6BA428

Split Complementary

#286BA4

#A4282D

#A49F28

Tetradic

#286BA4

#9F28A4

#A46128

#2DA428

Color Blindness Simulation

Original

#286BA4

Protanopia

#454696

Deuteranopia

#413C93

Tritanopia

#2B8B89

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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