#46C2FB

#46C2FB

Color Values

HEX

#46C2FB

RGB

70, 194, 251

HSL

198.9, 95.8%, 62.9%

HSV

198.9, 72.1%, 98.4%

CMYK

72.1%, 22.7%, 0.0%, 1.6%

OKLCH

0.7696 0.1344 232.5

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#46C2FB

#FB7F46

Analogous

#46FBD9

#4667FB

#46C2FB

Triadic

#46C2FB

#FB46C2

#C2FB46

Split Complementary

#46C2FB

#FB4667

#FBD946

Tetradic

#46C2FB

#D946FB

#FB7F46

#67FB46

Color Blindness Simulation

Original

#46C2FB

Protanopia

#7C7DED

Deuteranopia

#746BEA

Tritanopia

#4CE2E0

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF3FC
200
#B9E8FE
300
#87D7FC
400
#46C2FB
500
#05ADFA
600
#048AC8
700
#036FA0
800
#03567D
900
#07405A
950
#042839

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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