#7BE7B2

#7BE7B2

Color Values

HEX

#7BE7B2

RGB

123, 231, 178

HSL

150.6, 69.2%, 69.4%

HSV

150.6, 46.8%, 90.6%

CMYK

46.8%, 0.0%, 22.9%, 9.4%

OKLCH

0.849 0.1262 160.7

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#7BE7B2

#E77BB0

Analogous

#7BE77C

#7BE6E7

#7BE7B2

Triadic

#7BE7B2

#B27BE7

#E7B27B

Split Complementary

#7BE7B2

#E77BE6

#E77C7B

Tetradic

#7BE7B2

#7C7BE7

#E77BB0

#E6E77B

Color Blindness Simulation

Original

#7BE7B2

Protanopia

#AAABBF

Deuteranopia

#A49BC2

Tritanopia

#80C9CB

Achromatopsia

#CCCCCC

CSS Usage

background-color: #7BE7B2;
color: #7BE7B2;
border-color: #7BE7B2;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF7
100
#E3F8ED
200
#C3F4DC
300
#97ECC3
400
#5FE2A2
500
#27D881
600
#1FAD67
700
#198A53
800
#146C41
900
#124F31
950
#0C321F

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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