#46DFFB

#46DFFB

Color Values

HEX

#46DFFB

RGB

70, 223, 251

HSL

189.3, 95.8%, 62.9%

HSV

189.3, 72.1%, 98.4%

CMYK

72.1%, 11.2%, 0.0%, 1.6%

OKLCH

0.8362 0.1296 212.7

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#46DFFB

#FB6246

Analogous

#46FBBC

#4684FB

#46DFFB

Triadic

#46DFFB

#FB46DF

#DFFB46

Split Complementary

#46DFFB

#FB4684

#FBBC46

Tetradic

#46DFFB

#BC46FB

#FB6246

#84FB46

Color Blindness Simulation

Original

#46DFFB

Protanopia

#888AF4

Deuteranopia

#7F74F3

Tritanopia

#4EEFEE

Achromatopsia

#C0C0C0

CSS Usage

background-color: #46DFFB;
color: #46DFFB;
border-color: #46DFFB;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FCFE
100
#DFF7FC
200
#B9F3FE
300
#87EAFC
400
#46DFFB
500
#05D4FA
600
#04A9C8
700
#0388A0
800
#036A7D
900
#074D5A
950
#043139

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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