#286799

#286799

Color Values

HEX

#286799

RGB

40, 103, 153

HSL

206.5, 58.5%, 37.8%

HSV

206.5, 73.9%, 60.0%

CMYK

73.9%, 32.7%, 0.0%, 40.0%

OKLCH

0.4975 0.1024 246.0

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#286799

#995A28

Analogous

#289992

#282F99

#286799

Triadic

#286799

#992867

#679928

Split Complementary

#286799

#99282F

#999228

Tetradic

#286799

#922899

#995A28

#2F9928

Color Blindness Simulation

Original

#286799

Protanopia

#43448D

Deuteranopia

#403B8A

Tritanopia

#2B8381

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E4EEF6
200
#C6DEF0
300
#9EC6E6
400
#69A7D8
500
#3588CA
600
#2A6DA2
700
#225781
800
#1A4465
900
#17334A
950
#0E202F

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026