#7FBAF4

#7FBAF4

Color Values

HEX

#7FBAF4

RGB

127, 186, 244

HSL

209.7, 84.2%, 72.7%

HSV

209.7, 48.0%, 95.7%

CMYK

48.0%, 23.8%, 0.0%, 4.3%

OKLCH

0.7709 0.1037 248.9

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7FBAF4

#F4B97F

Analogous

#7FF4F3

#7F7FF4

#7FBAF4

Triadic

#7FBAF4

#F47FBA

#BAF47F

Split Complementary

#7FBAF4

#F47F7F

#F4F37F

Tetradic

#7FBAF4

#F37FF4

#F4B97F

#7FF47F

Color Blindness Simulation

Original

#7FBAF4

Protanopia

#9999E6

Deuteranopia

#9591E3

Tritanopia

#82DBD8

Achromatopsia

#B2B2B2

CSS Usage

background-color: #7FBAF4;
color: #7FBAF4;
border-color: #7FBAF4;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDCF9
300
#8EC2F5
400
#51A1F0
500
#1481EB
600
#1067BC
700
#0D5296
800
#0A4075
900
#0C3155
950
#071F36

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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