#285AD7

#285AD7

Color Values

HEX

#285AD7

RGB

40, 90, 215

HSL

222.9, 68.6%, 50.0%

HSV

222.9, 81.4%, 84.3%

CMYK

81.4%, 58.1%, 0.0%, 15.7%

OKLCH

0.513 0.1996 264.0

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#285AD7

#D7A528

Analogous

#28B1D7

#4E28D7

#285AD7

Triadic

#285AD7

#D7285A

#5AD728

Split Complementary

#285AD7

#D74E28

#B1D728

Tetradic

#285AD7

#D728B1

#D7A528

#28D74E

Color Blindness Simulation

Original

#285AD7

Protanopia

#3E3EB9

Deuteranopia

#3B37B2

Tritanopia

#2AA19C

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E9F8
200
#C3D1F4
300
#98B0EC
400
#6085E1
500
#285AD7
600
#2048AC
700
#1A3A8A
800
#142D6B
900
#13244E
950
#0C1631

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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