#46FCB2

#46FCB2

Color Values

HEX

#46FCB2

RGB

70, 252, 178

HSL

155.6, 96.8%, 63.1%

HSV

155.6, 72.2%, 98.8%

CMYK

72.2%, 0.0%, 29.4%, 1.2%

OKLCH

0.8836 0.178 161.1

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#46FCB2

#FC4690

Analogous

#46FC57

#46EBFC

#46FCB2

Triadic

#46FCB2

#B246FC

#FCB246

Split Complementary

#46FCB2

#FC46EB

#FC5746

Tetradic

#46FCB2

#5746FC

#FC4690

#EBFC46

Color Blindness Simulation

Original

#46FCB2

Protanopia

#9596C4

Deuteranopia

#8A7DC8

Tritanopia

#4FD2D5

Achromatopsia

#D0D0D0

CSS Usage

background-color: #46FCB2;
color: #46FCB2;
border-color: #46FCB2;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF9
100
#DEFCF0
200
#B9FEE2
300
#87FDCD
400
#45FCB2
500
#04FB97
600
#03C978
700
#03A160
800
#027D4B
900
#065B38
950
#043924

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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