#73B6F3

#73B6F3

Color Values

HEX

#73B6F3

RGB

115, 182, 243

HSL

208.6, 84.2%, 70.2%

HSV

208.6, 52.7%, 95.3%

CMYK

52.7%, 25.1%, 0.0%, 4.7%

OKLCH

0.7557 0.1118 247.3

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#73B6F3

#F3B073

Analogous

#73F3F0

#7376F3

#73B6F3

Triadic

#73B6F3

#F373B6

#B6F373

Split Complementary

#73B6F3

#F37376

#F3F073

Tetradic

#73B6F3

#F073F3

#F3B073

#76F373

Color Blindness Simulation

Original

#73B6F3

Protanopia

#9091E4

Deuteranopia

#8C87E1

Tritanopia

#76D9D6

Achromatopsia

#ACACAC

CSS Usage

background-color: #73B6F3;
color: #73B6F3;
border-color: #73B6F3;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDDF9
300
#8EC4F5
400
#51A4F0
500
#1485EB
600
#106ABC
700
#0D5596
800
#0A4275
900
#0C3255
950
#072036

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.71:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026