#7285D0

#7285D0

Color Values

HEX

#7285D0

RGB

114, 133, 208

HSL

227.9, 50.0%, 63.1%

HSV

227.9, 45.2%, 81.6%

CMYK

45.2%, 36.1%, 0.0%, 18.4%

OKLCH

0.6338 0.1151 272.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7285D0

#D0BD72

Analogous

#72B4D0

#8E72D0

#7285D0

Triadic

#7285D0

#D07285

#85D072

Split Complementary

#7285D0

#D08E72

#B4D072

Tetradic

#7285D0

#D072B4

#D0BD72

#72D08E

Color Blindness Simulation

Original

#7285D0

Protanopia

#7A7ABE

Deuteranopia

#7978BA

Tritanopia

#73B0AC

Achromatopsia

#868686

CSS Usage

background-color: #7285D0;
color: #7285D0;
border-color: #7285D0;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F5FB
100
#E6E9F5
200
#C9D1ED
300
#A3B0E0
400
#7185D0
500
#4059BF
600
#334899
700
#29397A
800
#202D60
900
#1B2346
950
#11162C

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.98:1

AA Pass 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