#51BDF1

#51BDF1

Color Values

HEX

#51BDF1

RGB

81, 189, 241

HSL

199.5, 85.1%, 63.1%

HSV

199.5, 66.4%, 94.5%

CMYK

66.4%, 21.6%, 0.0%, 5.5%

OKLCH

0.7569 0.1231 232.6

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#51BDF1

#F18551

Analogous

#51F1D5

#516DF1

#51BDF1

Triadic

#51BDF1

#F151BD

#BDF151

Split Complementary

#51BDF1

#F1516D

#F1D551

Tetradic

#51BDF1

#D551F1

#F18551

#6DF151

Color Blindness Simulation

Original

#51BDF1

Protanopia

#8081E4

Deuteranopia

#7A71E1

Tritanopia

#56DAD8

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F2FA
200
#BDE6FA
300
#8ED4F6
400
#50BDF1
500
#13A5EC
600
#0F84BD
700
#0C6A97
800
#095376
900
#0B3D56
950
#072736

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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