#46F7FB

#46F7FB

Color Values

HEX

#46F7FB

RGB

70, 247, 251

HSL

181.3, 95.8%, 62.9%

HSV

181.3, 72.1%, 98.4%

CMYK

72.1%, 1.6%, 0.0%, 1.6%

OKLCH

0.8919 0.1378 197.3

Properties

Cool Light Nearest: turquoise 1

Color Harmonies

Complementary

#46F7FB

#FB4A46

Analogous

#46FBA4

#469CFB

#46F7FB

Triadic

#46F7FB

#FB46F7

#F7FB46

Split Complementary

#46F7FB

#FB469C

#FBA446

Tetradic

#46F7FB

#A446FB

#FB4A46

#9CFB46

Color Blindness Simulation

Original

#46F7FB

Protanopia

#9394FA

Deuteranopia

#887BFA

Tritanopia

#4FF9F9

Achromatopsia

#D2D2D2

CSS Usage

background-color: #46F7FB;
color: #46F7FB;
border-color: #46F7FB;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FDFE
100
#DFFBFC
200
#B9FCFE
300
#87FAFC
400
#46F7FB
500
#05F4FA
600
#04C3C8
700
#039CA0
800
#037A7D
900
#07585A
950
#043839

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026