#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

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026