#46D2FC

#46D2FC

Color Values

HEX

#46D2FC

RGB

70, 210, 252

HSL

193.8, 96.8%, 63.1%

HSV

193.8, 72.2%, 98.8%

CMYK

72.2%, 16.7%, 0.0%, 1.2%

OKLCH

0.8066 0.1303 222.2

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#46D2FC

#FC7046

Analogous

#46FCCB

#4677FC

#46D2FC

Triadic

#46D2FC

#FC46D2

#D2FC46

Split Complementary

#46D2FC

#FC4677

#FCCB46

Tetradic

#46D2FC

#CB46FC

#FC7046

#77FC46

Color Blindness Simulation

Original

#46D2FC

Protanopia

#8384F2

Deuteranopia

#7A70EF

Tritanopia

#4DEAE8

Achromatopsia

#B7B7B7

CSS Usage

background-color: #46D2FC;
color: #46D2FC;
border-color: #46D2FC;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1FBFE
100
#DEF5FC
200
#B9EEFE
300
#87E2FD
400
#45D2FC
500
#04C2FB
600
#039BC9
700
#037CA1
800
#02617D
900
#06475B
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