#75AAFB

#75AAFB

Color Values

HEX

#75AAFB

RGB

117, 170, 251

HSL

216.3, 94.4%, 72.2%

HSV

216.3, 53.4%, 98.4%

CMYK

53.4%, 32.3%, 0.0%, 1.6%

OKLCH

0.7349 0.131 258.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#75AAFB

#FBC675

Analogous

#75EDFB

#8375FB

#75AAFB

Triadic

#75AAFB

#FB75AA

#AAFB75

Split Complementary

#75AAFB

#FB8375

#EDFB75

Tetradic

#75AAFB

#FB75ED

#FBC675

#75FB83

Color Blindness Simulation

Original

#75AAFB

Protanopia

#8C8CE7

Deuteranopia

#8985E3

Tritanopia

#78D8D5

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD4FD
300
#88B6FC
400
#488EFA
500
#0766F8
600
#0652C6
700
#05419F
800
#04337C
900
#07285A
950
#051939

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026