#46BFFC

#46BFFC

Color Values

HEX

#46BFFC

RGB

70, 191, 252

HSL

200.1, 96.8%, 63.1%

HSV

200.1, 72.2%, 98.8%

CMYK

72.2%, 24.2%, 0.0%, 1.2%

OKLCH

0.7632 0.1368 234.9

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#46BFFC

#FC8346

Analogous

#46FCDE

#4664FC

#46BFFC

Triadic

#46BFFC

#FC46BF

#BFFC46

Split Complementary

#46BFFC

#FC4664

#FCDE46

Tetradic

#46BFFC

#DE46FC

#FC8346

#64FC46

Color Blindness Simulation

Original

#46BFFC

Protanopia

#7A7BED

Deuteranopia

#736AEA

Tritanopia

#4CE2DF

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DEF2FC
200
#B9E7FE
300
#87D5FD
400
#45BFFC
500
#04A8FB
600
#0387C9
700
#036CA1
800
#02547D
900
#063E5B
950
#042739

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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