#7AC188

#7AC188

Color Values

HEX

#7AC188

RGB

122, 193, 136

HSL

131,8, 36,4%, 61,8%

HSV

131,8, 36,8%, 75,7%

CMYK

36,8%, 0,0%, 29,5%, 24,3%

OKLCH

0,7488 0,1088 149,5

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#7AC188

#C17AB3

Analogous

#90C17A

#7AC1AC

#7AC188

Triadic

#7AC188

#887AC1

#C1887A

Split Complementary

#7AC188

#AC7AC1

#C17A90

Tetradic

#7AC188

#7A90C1

#C17AB3

#C1AC7A

Color Blindness Simulation

Original

#7AC188

Protanopia

#999996

Deuteranopia

#958F99

Tritanopia

#7EA1A3

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D3
300
#ACD8B4
400
#7EC38C
500
#51AE63
600
#418B4F
700
#346F40
800
#295732
900
#214027
950
#152919

Contrast Checker

Text on white

2,14:1

AA Fail AAA Fail

Text on black

9,81: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