#285AB1

#285AB1

Color Values

HEX

#285AB1

RGB

40, 90, 177

HSL

218.1, 63.1%, 42.5%

HSV

218.1, 77.4%, 69.4%

CMYK

77.4%, 49.2%, 0.0%, 30.6%

OKLCH

0.4831 0.149 260.6

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#285AB1

#B17F28

Analogous

#289EB1

#3A28B1

#285AB1

Triadic

#285AB1

#B1285A

#5AB128

Split Complementary

#285AB1

#B13A28

#9EB128

Tetradic

#285AB1

#B1289E

#B17F28

#28B13A

Color Blindness Simulation

Original

#285AB1

Protanopia

#3E3E9C

Deuteranopia

#3B3797

Tritanopia

#2A8B88

Achromatopsia

#565656

CSS Usage

background-color: #285AB1;
color: #285AB1;
border-color: #285AB1;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FB
100
#E4EBF7
200
#C5D5F2
300
#9BB7E8
400
#6591DC
500
#2F6AD0
600
#2655A6
700
#1E4485
800
#183568
900
#15294C
950
#0D1A30

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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