#7BDC86

#7BDC86

Color Values

HEX

#7BDC86

RGB

123, 220, 134

HSL

126.8, 58.1%, 67.3%

HSV

126.8, 44.1%, 86.3%

CMYK

44.1%, 0.0%, 39.1%, 13.7%

OKLCH

0.8137 0.1509 146.5

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#7BDC86

#DC7BD1

Analogous

#A1DC7B

#7BDCB7

#7BDC86

Triadic

#7BDC86

#867BDC

#DC867B

Split Complementary

#7BDC86

#B77BDC

#DC7BA1

Tetradic

#7BDC86

#7BA1DC

#DC7BD1

#DCB77B

Color Blindness Simulation

Original

#7BDC86

Protanopia

#A5A69B

Deuteranopia

#9F98A0

Tritanopia

#80ABAF

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E4F6E6
200
#C7F0CB
300
#9EE5A6
400
#6AD776
500
#35CA46
600
#2BA138
700
#22812D
800
#1B6523
900
#174A1D
950
#0F2F12

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.42:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026