#75ABCC

#75ABCC

Color Values

HEX

#75ABCC

RGB

117, 171, 204

HSL

202.8, 46.0%, 62.9%

HSV

202.8, 42.6%, 80.0%

CMYK

42.6%, 16.2%, 0.0%, 20.0%

OKLCH

0.7158 0.0745 236.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#75ABCC

#CC9675

Analogous

#75CCC1

#757FCC

#75ABCC

Triadic

#75ABCC

#CC75AB

#ABCC75

Split Complementary

#75ABCC

#CC757F

#CCC175

Tetradic

#75ABCC

#C175CC

#CC9675

#7FCC75

Color Blindness Simulation

Original

#75ABCC

Protanopia

#8C8DC4

Deuteranopia

#8985C2

Tritanopia

#78BEBC

Achromatopsia

#A2A2A2

CSS Usage

background-color: #75ABCC;
color: #75ABCC;
border-color: #75ABCC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBDFEC
300
#A6C9DE
400
#75ABCC
500
#458EBA
600
#377195
700
#2C5B77
800
#22475D
900
#1C3545
950
#12222B

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

8.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026