#286490

#286490

Color Values

HEX

#286490

RGB

40, 100, 144

HSL

205.4, 56.5%, 36.1%

HSV

205.4, 72.2%, 56.5%

CMYK

72.2%, 30.6%, 0.0%, 43.5%

OKLCH

0.4851 0.0939 243.8

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#286490

#905428

Analogous

#289088

#283090

#286490

Triadic

#286490

#902864

#649028

Split Complementary

#286490

#902830

#908828

Tetradic

#286490

#882890

#905428

#309028

Color Blindness Simulation

Original

#286490

Protanopia

#424385

Deuteranopia

#3E3A83

Tritanopia

#2B7D7B

Achromatopsia

#5A5A5A

CSS Usage

background-color: #286490;
color: #286490;
border-color: #286490;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F8FB
100
#E5EEF6
200
#C7DEEF
300
#9FC7E4
400
#6BA9D6
500
#378BC8
600
#2C6FA0
700
#235980
800
#1C4564
900
#183449
950
#0F212E

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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