#51C2F0

#51C2F0

Color Values

HEX

#51C2F0

RGB

81, 194, 240

HSL

197.4, 84.1%, 62.9%

HSV

197.4, 66.2%, 94.1%

CMYK

66.2%, 19.2%, 0.0%, 5.9%

OKLCH

0.7678 0.1205 228.4

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#51C2F0

#F07F51

Analogous

#51F0CF

#5172F0

#51C2F0

Triadic

#51C2F0

#F051C2

#C2F051

Split Complementary

#51C2F0

#F05172

#F0CF51

Tetradic

#51C2F0

#CF51F0

#F07F51

#72F051

Color Blindness Simulation

Original

#51C2F0

Protanopia

#8283E5

Deuteranopia

#7B73E2

Tritanopia

#57DCDA

Achromatopsia

#ADADAD

CSS Usage

background-color: #51C2F0;
color: #51C2F0;
border-color: #51C2F0;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2FAFD
100
#E0F3FA
200
#BDE8F9
300
#8ED7F5
400
#51C2F0
500
#14ADEB
600
#108ABC
700
#0D6E96
800
#0A5675
900
#0C4055
950
#072836

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.32:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026