#73BCEC

#73BCEC

Color Values

HEX

#73BCEC

RGB

115, 188, 236

HSL

203.8, 76.1%, 68.8%

HSV

203.8, 51.3%, 92.5%

CMYK

51.3%, 20.3%, 0.0%, 7.5%

OKLCH

0.7658 0.1006 238.8

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#73BCEC

#ECA373

Analogous

#73ECDF

#737FEC

#73BCEC

Triadic

#73BCEC

#EC73BC

#BCEC73

Split Complementary

#73BCEC

#EC737F

#ECDF73

Tetradic

#73BCEC

#DF73EC

#ECA373

#7FEC73

Color Blindness Simulation

Original

#73BCEC

Protanopia

#9393E0

Deuteranopia

#8E89DE

Tritanopia

#77D7D5

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E2F0F9
200
#C0E1F6
300
#93CBF0
400
#59AFE8
500
#1E94E1
600
#1876B4
700
#145E90
800
#0F4A70
900
#0F3752
950
#0A2334

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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