#7AAE75#7AAE75

#7AAE75 is a light, moderate green. Relative luminance 0.357; OKLCH L 69.9% C 0.098 H 142.4°. Best body text is #000000 at 8.14:1 contrast (WCAG AA passes).

Color values

HEX#7AAE75
RGBrgb(122, 174, 117)
HSLhsl(115, 26%, 57%)
HSVhsv(115, 33%, 68%)
CMYKcmyk(29.9%, 0%, 32.8%, 31.8%)
CIE-LABlab(66.28, -28.56, 23.93)
CIE-LCHlch(66.28, 37.26, 140.04°)
OKLaboklab(69.93% -0.0779 0.0601)
OKLCHoklch(69.93% 0.098 142.4)
XYZxyz(26.3720, 35.6930, 22.3261)
Luminance0.3569 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7AAE75 #A975AE
analogous
#97AE75 #7AAE75 #75AE8D
triadic
#7AAE75 #757AAE #AE757A
tetradic
#7AAE75 #7597AE #A975AE #AE8D75
square
#7AAE75 #7597AE #A975AE #AE8D75
split-complementary
#7AAE75 #8D75AE #AE7597
monochromatic
#426A3E #5A9155 #7AAE75 #9FC59C #C4DBC2

Accessibility & contrast

On white

2.58
#7AAE75 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.14
#7AAE75 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7AAE75
8.14:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7AAE75#FFFFFF#000000##000000
##7AAE751.002.588.148.14
#FFFFFF2.581.0021.0021.00
#0000008.1421.001.001.00
##0000008.1421.001.001.00

Color blindness preview

Protanopia (red-blind)
#B1A471
Deuteranopia (green-blind)
#A99F78
Tritanopia (blue-blind)
#76AB9F
Achromatopsia (no color)
#A1A1A1

Design tokens & code

CSS
--color: #7aae75;
/* rgb */ color: rgb(122, 174, 117);
/* oklch */ color: oklch(69.9% 0.098 142.4);
Tailwind
colors: {
  custom: {
    50: '#a2c69d',
    500: '#7aae75',
    950: '#000000',
  },
}
SCSS
$custom: #7aae75;
$custom-light: #a2c69d;
$custom-dark: #000000;
JSON
{
  "hex": "#7aae75",
  "rgb": {
    "r": 122,
    "g": 174,
    "b": 117
  },
  "hsl": {
    "h": 114.737,
    "s": 26.027,
    "l": 57.059
  },
  "oklch": {
    "l": 0.69931,
    "c": 0.09836,
    "h": 142.4
  },
  "luminance": 0.35694
}

Semantic roles & 50–950 ramp

primary
#7AAE75
secondary
#C9B4CB
accent
#65C2BA
background
#FAFCF9
surface
#F4F8F2
border
#CED1CC
text
#0F130E
muted
#7F827E

Preview Lab

Preview with #7AAE75

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#7AAE75 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva