#46BDFB

#46BDFB

Color Values

HEX

#46BDFB

RGB

70, 189, 251

HSL

200.6, 95.8%, 62.9%

HSV

200.6, 72.1%, 98.4%

CMYK

72.1%, 24.7%, 0.0%, 1.6%

OKLCH

0.7582 0.1369 235.7

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#46BDFB

#FB8446

Analogous

#46FBDF

#4662FB

#46BDFB

Triadic

#46BDFB

#FB46BD

#BDFB46

Split Complementary

#46BDFB

#FB4662

#FBDF46

Tetradic

#46BDFB

#DF46FB

#FB8446

#62FB46

Color Blindness Simulation

Original

#46BDFB

Protanopia

#7A7BEC

Deuteranopia

#736AE8

Tritanopia

#4CE0DE

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DFF2FC
200
#B9E6FE
300
#87D4FC
400
#46BDFB
500
#05A6FA
600
#0485C8
700
#036AA0
800
#03537D
900
#073E5A
950
#042739

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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