#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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026