#46FBDD

#46FBDD

Color Values

HEX

#46FBDD

RGB

70, 251, 221

HSL

170.1, 95.8%, 62.9%

HSV

170.1, 72.1%, 98.4%

CMYK

72.1%, 0.0%, 12.0%, 1.6%

OKLCH

0.892 0.1483 178.9

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#46FBDD

#FB4664

Analogous

#46FB82

#46BEFB

#46FBDD

Triadic

#46FBDD

#DD46FB

#FBDD46

Split Complementary

#46FBDD

#FB46BE

#FB8246

Tetradic

#46FBDD

#8246FB

#FB4664

#BEFB46

Color Blindness Simulation

Original

#46FBDD

Protanopia

#9496E4

Deuteranopia

#8A7CE6

Tritanopia

#4FEAEB

Achromatopsia

#D2D2D2

CSS Usage

background-color: #46FBDD;
color: #46FBDD;
border-color: #46FBDD;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFC
100
#DFFCF7
200
#B9FEF2
300
#87FCE9
400
#46FBDD
500
#05FAD1
600
#04C8A7
700
#03A086
800
#037D69
900
#075A4C
950
#043930

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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