#47D2FB

#47D2FB

Color Values

HEX

#47D2FB

RGB

71, 210, 251

HSL

193.7, 95.7%, 63.1%

HSV

193.7, 71.7%, 98.4%

CMYK

71.7%, 16.3%, 0.0%, 1.6%

OKLCH

0.8064 0.1293 221.8

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#47D2FB

#FB7047

Analogous

#47FBCA

#4778FB

#47D2FB

Triadic

#47D2FB

#FB47D2

#D2FB47

Split Complementary

#47D2FB

#FB4778

#FBCA47

Tetradic

#47D2FB

#CA47FB

#FB7047

#78FB47

Color Blindness Simulation

Original

#47D2FB

Protanopia

#8384F1

Deuteranopia

#7B71EF

Tritanopia

#4EE9E8

Achromatopsia

#B7B7B7

CSS Usage

background-color: #47D2FB;
color: #47D2FB;
border-color: #47D2FB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1FBFE
100
#DFF5FC
200
#B9EEFD
300
#87E2FC
400
#46D2FB
500
#05C2FA
600
#049BC8
700
#047CA0
800
#03617D
900
#07475A
950
#042D39

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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