#46F8FB

#46F8FB

Color Values

HEX

#46F8FB

RGB

70, 248, 251

HSL

181.0, 95.8%, 62.9%

HSV

181.0, 72.1%, 98.4%

CMYK

72.1%, 1.2%, 0.0%, 1.6%

OKLCH

0.8943 0.1384 196.7

Properties

Cool Light Nearest: turquoise 1

Color Harmonies

Complementary

#46F8FB

#FB4946

Analogous

#46FBA3

#469DFB

#46F8FB

Triadic

#46F8FB

#FB46F8

#F8FB46

Split Complementary

#46F8FB

#FB469D

#FBA346

Tetradic

#46F8FB

#A346FB

#FB4946

#9DFB46

Color Blindness Simulation

Original

#46F8FB

Protanopia

#9395FA

Deuteranopia

#897BFA

Tritanopia

#4FFAFA

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DFFBFC
200
#B9FCFE
300
#87FAFC
400
#46F8FB
500
#05F6FA
600
#04C4C8
700
#039DA0
800
#037B7D
900
#07595A
950
#043839

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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