#A7BF31#A7BF31

#A7BF31 is a light, vivid yellow-green. Relative luminance 0.457; OKLCH L 76.1% C 0.162 H 119.0°. Best body text is #000000 at 10.14:1 contrast (WCAG AA passes).

Color values

HEX#A7BF31
RGBrgb(167, 191, 49)
HSLhsl(70, 59%, 47%)
HSVhsv(70, 74%, 75%)
CMYKcmyk(12.6%, 0%, 74.3%, 25.1%)
CIE-LABlab(73.35, -26.33, 64.19)
CIE-LCHlch(73.35, 69.38, 112.30°)
OKLaboklab(76.13% -0.0785 0.1419)
OKLCHoklch(76.13% 0.162 119)
XYZxyz(35.1223, 45.6991, 9.8757)
Luminance0.4570 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A7BF31 #4931BF
analogous
#BF9031 #A7BF31 #60BF31
triadic
#A7BF31 #31A7BF #BF31A7
tetradic
#A7BF31 #31BF90 #4931BF #BF3160
square
#A7BF31 #31BF90 #4931BF #BF3160
split-complementary
#A7BF31 #3160BF #9031BF
monochromatic
#525E18 #7C8E25 #A7BF31 #BFD459 #D2E18A

Accessibility & contrast

On white

2.07
#A7BF31 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.14
#A7BF31 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A7BF31
10.14:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A7BF31#FFFFFF#000000##000000
##A7BF311.002.0710.1410.14
#FFFFFF2.071.0021.0021.00
#00000010.1421.001.001.00
##00000010.1421.001.001.00

Color blindness preview

Protanopia (red-blind)
#CCB411
Deuteranopia (green-blind)
#C9B53E
Tritanopia (blue-blind)
#B1B4A4
Achromatopsia (no color)
#B4B4B4

Design tokens & code

CSS
--color: #a7bf31;
/* rgb */ color: rgb(167, 191, 49);
/* oklch */ color: oklch(76.1% 0.162 119.0);
Tailwind
colors: {
  custom: {
    50: '#c5d274',
    500: '#a7bf31',
    950: '#000000',
  },
}
SCSS
$custom: #a7bf31;
$custom-light: #c5d274;
$custom-dark: #000000;
JSON
{
  "hex": "#a7bf31",
  "rgb": {
    "r": 167,
    "g": 191,
    "b": 49
  },
  "hsl": {
    "h": 70.141,
    "s": 59.167,
    "l": 47.059
  },
  "oklch": {
    "l": 0.76126,
    "c": 0.16216,
    "h": 119
  },
  "luminance": 0.45699
}

Semantic roles & 50–950 ramp

primary
#A7BF31
secondary
#8D81CB
accent
#45E260
background
#FCFCF7
surface
#F8F9ED
border
#D1D2C8
text
#131409
muted
#82827B

Preview Lab

Preview with #A7BF31

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

Preview Lab → · Contrast checker → · Palette generator →

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