#51C8F0

#51C8F0

Color Values

HEX

#51C8F0

RGB

81, 200, 240

HSL

195.1, 84.1%, 62.9%

HSV

195.1, 66.2%, 94.1%

CMYK

66.2%, 16.7%, 0.0%, 5.9%

OKLCH

0.7816 0.1192 223.8

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#51C8F0

#F07951

Analogous

#51F0C8

#5178F0

#51C8F0

Triadic

#51C8F0

#F051C8

#C8F051

Split Complementary

#51C8F0

#F05178

#F0C851

Tetradic

#51C8F0

#C851F0

#F07951

#78F051

Color Blindness Simulation

Original

#51C8F0

Protanopia

#8586E6

Deuteranopia

#7E75E4

Tritanopia

#57DFDD

Achromatopsia

#B2B2B2

CSS Usage

background-color: #51C8F0;
color: #51C8F0;
border-color: #51C8F0;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2FAFD
100
#E0F3FA
200
#BDEAF9
300
#8EDBF5
400
#51C8F0
500
#14B5EB
600
#1091BC
700
#0D7496
800
#0A5A75
900
#0C4355
950
#072A36

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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