#46CAFC

#46CAFC

Color Values

HEX

#46CAFC

RGB

70, 202, 252

HSL

196.5, 96.8%, 63.1%

HSV

196.5, 72.2%, 98.8%

CMYK

72.2%, 19.8%, 0.0%, 1.2%

OKLCH

0.7883 0.1322 227.7

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#46CAFC

#FC7846

Analogous

#46FCD3

#466FFC

#46CAFC

Triadic

#46CAFC

#FC46CA

#CAFC46

Split Complementary

#46CAFC

#FC466F

#FCD346

Tetradic

#46CAFC

#D346FC

#FC7846

#6FFC46

Color Blindness Simulation

Original

#46CAFC

Protanopia

#7F80F0

Deuteranopia

#786EED

Tritanopia

#4DE6E4

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF4FC
200
#B9EBFE
300
#87DCFD
400
#45CAFC
500
#04B7FB
600
#0392C9
700
#0375A1
800
#025C7D
900
#06435B
950
#042B39

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.11:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026