#46C4FC

#46C4FC

Color Values

HEX

#46C4FC

RGB

70, 196, 252

HSL

198.5, 96.8%, 63.1%

HSV

198.5, 72.2%, 98.8%

CMYK

72.2%, 22.2%, 0.0%, 1.2%

OKLCH

0.7746 0.1344 231.7

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#46C4FC

#FC7E46

Analogous

#46FCD9

#4669FC

#46C4FC

Triadic

#46C4FC

#FC46C4

#C4FC46

Split Complementary

#46C4FC

#FC4669

#FCD946

Tetradic

#46C4FC

#D946FC

#FC7E46

#69FC46

Color Blindness Simulation

Original

#46C4FC

Protanopia

#7D7EEE

Deuteranopia

#756CEB

Tritanopia

#4CE4E1

Achromatopsia

#ADADAD

CSS Usage

background-color: #46C4FC;
color: #46C4FC;
border-color: #46C4FC;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B9E9FE
300
#87D9FD
400
#45C4FC
500
#04AFFB
600
#038CC9
700
#0370A1
800
#02577D
900
#06415B
950
#042939

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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