#285CD7

#285CD7

Color Values

HEX

#285CD7

RGB

40, 92, 215

HSL

222.2, 68.6%, 50.0%

HSV

222.2, 81.4%, 84.3%

CMYK

81.4%, 57.2%, 0.0%, 15.7%

OKLCH

0.5169 0.1973 263.6

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#285CD7

#D7A328

Analogous

#28B3D7

#4C28D7

#285CD7

Triadic

#285CD7

#D7285C

#5CD728

Split Complementary

#285CD7

#D74C28

#B3D728

Tetradic

#285CD7

#D728B3

#D7A328

#28D74C

Color Blindness Simulation

Original

#285CD7

Protanopia

#3F3FB9

Deuteranopia

#3C38B2

Tritanopia

#2BA29D

Achromatopsia

#5A5A5A

CSS Usage

background-color: #285CD7;
color: #285CD7;
border-color: #285CD7;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F6FC
100
#E3E9F8
200
#C3D1F4
300
#98B1EC
400
#6086E1
500
#285CD7
600
#204AAC
700
#1A3B8A
800
#142E6B
900
#13244E
950
#0C1731

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026