#758ADD

#758ADD

Color Values

HEX

#758ADD

RGB

117, 138, 221

HSL

227.9, 60.5%, 66.3%

HSV

227.9, 47.1%, 86.7%

CMYK

47.1%, 37.6%, 0.0%, 13.3%

OKLCH

0.653 0.1263 271.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#758ADD

#DDC875

Analogous

#75BEDD

#9475DD

#758ADD

Triadic

#758ADD

#DD758A

#8ADD75

Split Complementary

#758ADD

#DD9475

#BEDD75

Tetradic

#758ADD

#DD75BE

#DDC875

#75DD94

Color Blindness Simulation

Original

#758ADD

Protanopia

#7E7EC9

Deuteranopia

#7D7BC4

Tritanopia

#76B9B6

Achromatopsia

#8C8C8C

CSS Usage

background-color: #758ADD;
color: #758ADD;
border-color: #758ADD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F5FB
100
#E4E8F6
200
#C6CEF1
300
#9DACE7
400
#687FDA
500
#3251CD
600
#2841A4
700
#203483
800
#192966
900
#16214B
950
#0E152F

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

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