#BAFD62#BAFD62

#BAFD62 is a very light, vivid yellow-green. Relative luminance 0.816; OKLCH L 91.9% C 0.196 H 129.4°. Best body text is #000000 at 17.31:1 contrast (WCAG AA passes).

Color values

HEX#BAFD62
RGBrgb(186, 253, 98)
HSLhsl(86, 97%, 69%)
HSVhsv(86, 61%, 99%)
CMYKcmyk(26.5%, 0%, 61.3%, 0.8%)
CIE-LABlab(92.38, -44.11, 65.62)
CIE-LCHlch(92.38, 79.06, 123.91°)
OKLaboklab(91.93% -0.1244 0.1514)
OKLCHoklch(91.93% 0.196 129.4)
XYZxyz(57.5792, 81.5701, 24.2639)
Luminance0.8157 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BAFD62 #A562FD
analogous
#FDF262 #BAFD62 #6DFD62
triadic
#BAFD62 #62BAFD #FD62BA
tetradic
#BAFD62 #62FDF2 #A562FD #FD626D
square
#BAFD62 #62FDF2 #A562FD #FD626D
split-complementary
#BAFD62 #626DFD #F262FD
monochromatic
#81E203 #9FFC26 #BAFD62 #D5FE9E #EFFFDB

Accessibility & contrast

On white

1.21
#BAFD62 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.31
#BAFD62 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BAFD62
17.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BAFD62#FFFFFF#000000##000000
##BAFD621.001.2117.3117.31
#FFFFFF1.211.0021.0021.00
#00000017.3121.001.001.00
##00000017.3121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEC50
Deuteranopia (green-blind)
#FFE86E
Tritanopia (blue-blind)
#BFF3DC
Achromatopsia (no color)
#E9E9E9

Design tokens & code

CSS
--color: #bafd62;
/* rgb */ color: rgb(186, 253, 98);
/* oklch */ color: oklch(91.9% 0.196 129.4);
Tailwind
colors: {
  custom: {
    50: '#d2fe94',
    500: '#bafd62',
    950: '#000000',
  },
}
SCSS
$custom: #bafd62;
$custom-light: #d2fe94;
$custom-dark: #000000;
JSON
{
  "hex": "#bafd62",
  "rgb": {
    "r": 186,
    "g": 253,
    "b": 98
  },
  "hsl": {
    "h": 85.935,
    "s": 97.484,
    "l": 68.824
  },
  "oklch": {
    "l": 0.91932,
    "c": 0.19593,
    "h": 129.4
  },
  "luminance": 0.81572
}

Semantic roles & 50–950 ramp

primary
#BAFD62
secondary
#762CD7
accent
#00E663
background
#FEFFFC
surface
#FBFFF5
border
#D4D7CF
text
#14180E
muted
#83867F

Preview Lab

Preview with #BAFD62

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

Preview Lab → · Contrast checker → · Palette generator →

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