#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