#286AA4

#286AA4

Color Values

HEX

#286AA4

RGB

40, 106, 164

HSL

208.1, 60.8%, 40.0%

HSV

208.1, 75.6%, 64.3%

CMYK

75.6%, 35.4%, 0.0%, 35.7%

OKLCH

0.5112 0.1135 248.6

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#286AA4

#A46228

Analogous

#28A4A0

#282CA4

#286AA4

Triadic

#286AA4

#A4286A

#6AA428

Split Complementary

#286AA4

#A4282C

#A4A028

Tetradic

#286AA4

#A028A4

#A46228

#2CA428

Color Blindness Simulation

Original

#286AA4

Protanopia

#454596

Deuteranopia

#413C93

Tritanopia

#2B8B88

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EEF6
200
#C6DDF1
300
#9DC4E7
400
#67A4DA
500
#3284CD
600
#286AA4
700
#205583
800
#194267
900
#16324B
950
#0E202F

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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