#75A2DB

#75A2DB

Color Values

HEX

#75A2DB

RGB

117, 162, 219

HSL

213.5, 58.6%, 65.9%

HSV

213.5, 46.6%, 85.9%

CMYK

46.6%, 26.0%, 0.0%, 14.1%

OKLCH

0.7025 0.0974 254.7

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#75A2DB

#DBAE75

Analogous

#75D5DB

#7B75DB

#75A2DB

Triadic

#75A2DB

#DB75A2

#A2DB75

Split Complementary

#75A2DB

#DB7B75

#D5DB75

Tetradic

#75A2DB

#DB75D5

#DBAE75

#75DB7B

Color Blindness Simulation

Original

#75A2DB

Protanopia

#8889CD

Deuteranopia

#8682CA

Tritanopia

#77C2C0

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4ECF6
200
#C6D9F0
300
#9EBEE6
400
#699AD8
500
#3577CA
600
#2A5FA2
700
#224C81
800
#1A3B65
900
#172D4A
950
#0E1D2F

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.95:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026