#46FCBC

#46FCBC

Color Values

HEX

#46FCBC

RGB

70, 252, 188

HSL

158.9, 96.8%, 63.1%

HSV

158.9, 72.2%, 98.8%

CMYK

72.2%, 0.0%, 25.4%, 1.2%

OKLCH

0.8858 0.1701 164.5

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#46FCBC

#FC4686

Analogous

#46FC61

#46E1FC

#46FCBC

Triadic

#46FCBC

#BC46FC

#FCBC46

Split Complementary

#46FCBC

#FC46E1

#FC6146

Tetradic

#46FCBC

#6146FC

#FC4686

#E1FC46

Color Blindness Simulation

Original

#46FCBC

Protanopia

#9596CB

Deuteranopia

#8A7DCF

Tritanopia

#4FD8DA

Achromatopsia

#D1D1D1

CSS Usage

background-color: #46FCBC;
color: #46FCBC;
border-color: #46FCBC;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F1FEF9
100
#DEFCF2
200
#B9FEE6
300
#87FDD3
400
#45FCBC
500
#04FBA4
600
#03C983
700
#03A169
800
#027D52
900
#065B3D
950
#043927

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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