#285F99

#285F99

Color Values

HEX

#285F99

RGB

40, 95, 153

HSL

210.8, 58.5%, 37.8%

HSV

210.8, 73.9%, 60.0%

CMYK

73.9%, 37.9%, 0.0%, 40.0%

OKLCH

0.4783 0.1103 252.2

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#285F99

#996228

Analogous

#289799

#2A2899

#285F99

Triadic

#285F99

#99285F

#5F9928

Split Complementary

#285F99

#992A28

#979928

Tetradic

#285F99

#992897

#996228

#28992A

Color Blindness Simulation

Original

#285F99

Protanopia

#40408B

Deuteranopia

#3D3888

Tritanopia

#2B807D

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4EDF6
200
#C6DBF0
300
#9EC1E6
400
#699FD8
500
#357ECA
600
#2A64A2
700
#225081
800
#1A3F65
900
#17304A
950
#0E1E2F

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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