#80F4B5

#80F4B5

Color Values

HEX

#80F4B5

RGB

128, 244, 181

HSL

147.4, 84.1%, 72.9%

HSV

147.4, 47.5%, 95.7%

CMYK

47.5%, 0.0%, 25.8%, 4.3%

OKLCH

0.8823 0.1389 158.0

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#80F4B5

#F480BF

Analogous

#85F480

#80F4EF

#80F4B5

Triadic

#80F4B5

#B580F4

#F4B580

Split Complementary

#80F4B5

#EF80F4

#F48085

Tetradic

#80F4B5

#8085F4

#F480BF

#F4EF80

Color Blindness Simulation

Original

#80F4B5

Protanopia

#B2B3C4

Deuteranopia

#ACA3C8

Tritanopia

#86D0D3

Achromatopsia

#D7D7D7

CSS Usage

background-color: #80F4B5;
color: #80F4B5;
border-color: #80F4B5;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BDF9D9
300
#8EF5BD
400
#51F09A
500
#14EB76
600
#10BC5F
700
#0D964C
800
#0A753B
900
#0C552D
950
#07361D

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.53:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026