#7AFCB5

#7AFCB5

Color Values

HEX

#7AFCB5

RGB

122, 252, 181

HSL

147.2, 95.6%, 73.3%

HSV

147.2, 51.6%, 98.8%

CMYK

51.6%, 0.0%, 28.2%, 1.2%

OKLCH

0.8988 0.1533 157.3

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#7AFCB5

#FC7AC1

Analogous

#80FC7A

#7AFCF6

#7AFCB5

Triadic

#7AFCB5

#B57AFC

#FCB57A

Split Complementary

#7AFCB5

#F67AFC

#FC7A80

Tetradic

#7AFCB5

#7A80FC

#FC7AC1

#FCF67A

Color Blindness Simulation

Original

#7AFCB5

Protanopia

#B2B3C6

Deuteranopia

#ABA1CA

Tritanopia

#80D4D7

Achromatopsia

#DBDBDB

CSS Usage

background-color: #7AFCB5;
color: #7AFCB5;
border-color: #7AFCB5;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F1FEF7
100
#DFFCEC
200
#B9FDD8
300
#87FCBC
400
#46FB98
500
#06F974
600
#04C85D
700
#04A04A
800
#037D3A
900
#075A2D
950
#04391C

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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