#75A7FC

#75A7FC

Color Values

HEX

#75A7FC

RGB

117, 167, 252

HSL

217.8, 95.7%, 72.4%

HSV

217.8, 53.6%, 98.8%

CMYK

53.6%, 33.7%, 0.0%, 1.2%

OKLCH

0.7292 0.1354 260.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#75A7FC

#FCCA75

Analogous

#75EAFC

#8775FC

#75A7FC

Triadic

#75A7FC

#FC75A7

#A7FC75

Split Complementary

#75A7FC

#FC8775

#EAFC75

Tetradic

#75A7FC

#FC75EA

#FCCA75

#75FC87

Color Blindness Simulation

Original

#75A7FC

Protanopia

#8B8BE7

Deuteranopia

#8884E2

Tritanopia

#77D7D4

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFE9FC
200
#B9D2FD
300
#87B3FC
400
#4689FB
500
#0560FA
600
#044DC8
700
#043DA0
800
#03307D
900
#07265A
950
#041839

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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