#286FD7

#286FD7

Color Values

HEX

#286FD7

RGB

40, 111, 215

HSL

215,7, 68,6%, 50,0%

HSV

215,7, 81,4%, 84,3%

CMYK

81,4%, 48,4%, 0,0%, 15,7%

OKLCH

0,5559 0,1747 258,6

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#286FD7

#D79028

Analogous

#28C6D7

#3928D7

#286FD7

Triadic

#286FD7

#D7286F

#6FD728

Split Complementary

#286FD7

#D73928

#C6D728

Tetradic

#286FD7

#D728C6

#D79028

#28D739

Color Blindness Simulation

Original

#286FD7

Protanopia

#4747BE

Deuteranopia

#433DB8

Tritanopia

#2CAAA6

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EBF8
200
#C3D7F4
300
#98BAEC
400
#6094E1
500
#286FD7
600
#2059AC
700
#1A478A
800
#14376B
900
#132B4E
950
#0C1B31

Contrast Checker

Text on white

4,83:1

AA Pass AAA Fail

Text on black

4,35:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026