#51ACF7

#51ACF7

Color Values

HEX

#51ACF7

RGB

81, 172, 247

HSL

207.1, 91.2%, 64.3%

HSV

207.1, 67.2%, 96.9%

CMYK

67.2%, 30.4%, 0.0%, 3.1%

OKLCH

0.7216 0.1398 246.3

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#51ACF7

#F79C51

Analogous

#51F7EF

#5159F7

#51ACF7

Triadic

#51ACF7

#F751AC

#ACF751

Split Complementary

#51ACF7

#F75159

#F7EF51

Tetradic

#51ACF7

#EF51F7

#F79C51

#59F751

Color Blindness Simulation

Original

#51ACF7

Protanopia

#7879E5

Deuteranopia

#736CE0

Tritanopia

#56D7D3

Achromatopsia

#9E9E9E

CSS Usage

background-color: #51ACF7;
color: #51ACF7;
border-color: #51ACF7;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC7FA
400
#4BA9F7
500
#0B8BF4
600
#096FC3
700
#07599C
800
#06457A
900
#093458
950
#052138

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026