#47DAFB

#47DAFB

Color Values

HEX

#47DAFB

RGB

71, 218, 251

HSL

191.0, 95.7%, 63.1%

HSV

191.0, 71.7%, 98.4%

CMYK

71.7%, 13.1%, 0.0%, 1.6%

OKLCH

0.8249 0.1289 216.2

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#47DAFB

#FB6847

Analogous

#47FBC2

#4780FB

#47DAFB

Triadic

#47DAFB

#FB47DA

#DAFB47

Split Complementary

#47DAFB

#FB4780

#FBC247

Tetradic

#47DAFB

#C247FB

#FB6847

#80FB47

Color Blindness Simulation

Original

#47DAFB

Protanopia

#8788F3

Deuteranopia

#7E73F1

Tritanopia

#4EEDEB

Achromatopsia

#BDBDBD

CSS Usage

background-color: #47DAFB;
color: #47DAFB;
border-color: #47DAFB;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FBFE
100
#DFF6FC
200
#B9F1FD
300
#87E7FC
400
#46DAFB
500
#05CDFA
600
#04A4C8
700
#0483A0
800
#03667D
900
#074B5A
950
#042F39

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026