#73ABF3

#73ABF3

Color Values

HEX

#73ABF3

RGB

115, 171, 243

HSL

213.8, 84.2%, 70.2%

HSV

213.8, 52.7%, 95.3%

CMYK

52.7%, 29.6%, 0.0%, 4.7%

OKLCH

0.7321 0.1207 255.2

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#73ABF3

#F3BB73

Analogous

#73EBF3

#7B73F3

#73ABF3

Triadic

#73ABF3

#F373AB

#ABF373

Split Complementary

#73ABF3

#F37B73

#EBF373

Tetradic

#73ABF3

#F373EB

#F3BB73

#73F37B

Color Blindness Simulation

Original

#73ABF3

Protanopia

#8B8CE2

Deuteranopia

#8884DD

Tritanopia

#76D4D1

Achromatopsia

#A4A4A4

CSS Usage

background-color: #73ABF3;
color: #73ABF3;
border-color: #73ABF3;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD7F9
300
#8EBBF5
400
#5197F0
500
#1472EB
600
#105BBC
700
#0D4996
800
#0A3975
900
#0C2C55
950
#071C36

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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