#A7FB5F#A7FB5F

#A7FB5F is a very light, highly saturated yellow-green. Relative luminance 0.780; OKLCH L 90.4% C 0.205 H 133.1°. Best body text is #000000 at 16.61:1 contrast (WCAG AA passes).

Color values

HEX#A7FB5F
RGBrgb(167, 251, 95)
HSLhsl(92, 95%, 68%)
HSVhsv(92, 62%, 98%)
CMYKcmyk(33.5%, 0%, 62.2%, 1.6%)
CIE-LABlab(90.80, -50.08, 64.81)
CIE-LCHlch(90.80, 81.91, 127.70°)
OKLaboklab(90.37% -0.14 0.1496)
OKLCHoklch(90.37% 0.205 133.1)
XYZxyz(52.4982, 78.0340, 23.1202)
Luminance0.7804 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A7FB5F #B35FFB
analogous
#F5FB5F #A7FB5F #5FFB65
triadic
#A7FB5F #5FA7FB #FB5FA7
tetradic
#A7FB5F #5FF5FB #B35FFB #FB655F
square
#A7FB5F #5FF5FB #B35FFB #FB655F
split-complementary
#A7FB5F #655FFB #FB5FF5
monochromatic
#68DA05 #86FA23 #A7FB5F #C8FC9B #E9FED6

Accessibility & contrast

On white

1.26
#A7FB5F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.61
#A7FB5F on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A7FB5F
16.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A7FB5F#FFFFFF#000000##000000
##A7FB5F1.001.2616.6116.61
#FFFFFF1.261.0021.0021.00
#00000016.6121.001.001.00
##00000016.6121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE94C
Deuteranopia (green-blind)
#F9E26B
Tritanopia (blue-blind)
#A8F2DA
Achromatopsia (no color)
#E5E5E5

Design tokens & code

CSS
--color: #a7fb5f;
/* rgb */ color: rgb(167, 251, 95);
/* oklch */ color: oklch(90.4% 0.205 133.1);
Tailwind
colors: {
  custom: {
    50: '#c6fd92',
    500: '#a7fb5f',
    950: '#000000',
  },
}
SCSS
$custom: #a7fb5f;
$custom-light: #c6fd92;
$custom-dark: #000000;
JSON
{
  "hex": "#a7fb5f",
  "rgb": {
    "r": 167,
    "g": 251,
    "b": 95
  },
  "hsl": {
    "h": 92.308,
    "s": 95.122,
    "l": 67.843
  },
  "oklch": {
    "l": 0.90367,
    "c": 0.20485,
    "h": 133.1
  },
  "luminance": 0.78036
}

Semantic roles & 50–950 ramp

primary
#A7FB5F
secondary
#862AD4
accent
#00E67C
background
#FEFFFC
surface
#FAFFF4
border
#D3D7CE
text
#13170D
muted
#83857F

Preview Lab

Preview with #A7FB5F

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

Preview Lab → · Contrast checker → · Palette generator →

#A7FB5F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva