#80F6BF

#80F6BF

Color Values

HEX

#80F6BF

RGB

128, 246, 191

HSL

152.0, 86.8%, 73.3%

HSV

152.0, 48.0%, 96.5%

CMYK

48.0%, 0.0%, 22.4%, 3.5%

OKLCH

0.8893 0.1334 161.7

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#80F6BF

#F680B7

Analogous

#80F684

#80F2F6

#80F6BF

Triadic

#80F6BF

#BF80F6

#F6BF80

Split Complementary

#80F6BF

#F680F2

#F68480

Tetradic

#80F6BF

#8480F6

#F680B7

#F2F680

Color Blindness Simulation

Original

#80F6BF

Protanopia

#B3B4CC

Deuteranopia

#ACA3D0

Tritanopia

#86D7D9

Achromatopsia

#D9D9D9

CSS Usage

background-color: #80F6BF;
color: #80F6BF;
border-color: #80F6BF;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BCFADD
300
#8DF7C5
400
#4FF3A6
500
#11EE87
600
#0DBF6C
700
#0B9856
800
#087743
900
#0B5633
950
#073720

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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