#75ADED

#75ADED

Color Values

HEX

#75ADED

RGB

117, 173, 237

HSL

212.0, 76.9%, 69.4%

HSV

212.0, 50.6%, 92.9%

CMYK

50.6%, 27.0%, 0.0%, 7.1%

OKLCH

0.7345 0.1105 252.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#75ADED

#EDB575

Analogous

#75E9ED

#7975ED

#75ADED

Triadic

#75ADED

#ED75AD

#ADED75

Split Complementary

#75ADED

#ED7975

#E9ED75

Tetradic

#75ADED

#ED75E9

#EDB575

#75ED79

Color Blindness Simulation

Original

#75ADED

Protanopia

#8D8EDE

Deuteranopia

#8A86DA

Tritanopia

#78D1CF

Achromatopsia

#A6A6A6

CSS Usage

background-color: #75ADED;
color: #75ADED;
border-color: #75ADED;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#C0D9F7
300
#93BFF1
400
#589CE9
500
#1D79E2
600
#1861B4
700
#134D90
800
#0F3C71
900
#0F2E52
950
#091D34

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.96:1

AA Pass AAA Pass

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