#75ACFA

#75ACFA

Color Values

HEX

#75ACFA

RGB

117, 172, 250

HSL

215,2, 93,0%, 72,0%

HSV

215,2, 53,2%, 98,0%

CMYK

53,2%, 31,2%, 0,0%, 2,0%

OKLCH

0,7386 0,1278 257,2

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#75ACFA

#FAC375

Analogous

#75EEFA

#8175FA

#75ACFA

Triadic

#75ACFA

#FA75AC

#ACFA75

Split Complementary

#75ACFA

#FA8175

#EEFA75

Tetradic

#75ACFA

#FA75EE

#FAC375

#75FA81

Color Blindness Simulation

Original

#75ACFA

Protanopia

#8D8DE7

Deuteranopia

#8A86E3

Tritanopia

#78D8D5

Achromatopsia

#A6A6A6

CSS Usage

background-color: #75ACFA;
color: #75ACFA;
border-color: #75ACFA;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BAD6FD
300
#89B8FB
400
#4991F8
500
#096BF6
600
#0756C5
700
#06449D
800
#04357B
900
#082959
950
#051A38

Contrast Checker

Text on white

2,32:1

AA Fail AAA Fail

Text on black

9,04:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026