#BAD32C#BAD32C

#BAD32C is a very light, vivid yellow. Relative luminance 0.572; OKLCH L 82.0% C 0.180 H 118.3°. Best body text is #000000 at 12.44:1 contrast (WCAG AA passes).

Color values

HEX#BAD32C
RGBrgb(186, 211, 44)
HSLhsl(69, 65%, 50%)
HSVhsv(69, 79%, 83%)
CMYKcmyk(11.8%, 0%, 79.1%, 17.3%)
CIE-LABlab(80.30, -28.29, 72.58)
CIE-LCHlch(80.30, 77.90, 111.29°)
OKLaboklab(82.05% -0.0853 0.1582)
OKLCHoklch(82.05% 0.18 118.3)
XYZxyz(43.9996, 57.2099, 11.1071)
Luminance0.5721 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BAD32C #452CD3
analogous
#D3982C #BAD32C #67D32C
triadic
#BAD32C #2CBAD3 #D32CBA
tetradic
#BAD32C #2CD398 #452CD3 #D32C67
square
#BAD32C #2CD398 #452CD3 #D32C67
split-complementary
#BAD32C #2C67D3 #982CD3
monochromatic
#616E17 #8DA021 #BAD32C #CBDE5F #DBE891

Accessibility & contrast

On white

1.69
#BAD32C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.44
#BAD32C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BAD32C
12.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BAD32C#FFFFFF#000000##000000
##BAD32C1.001.6912.4412.44
#FFFFFF1.691.0021.0021.00
#00000012.4421.001.001.00
##00000012.4421.001.001.00

Color blindness preview

Protanopia (red-blind)
#E1C700
Deuteranopia (green-blind)
#DFC83D
Tritanopia (blue-blind)
#C6C7B5
Achromatopsia (no color)
#C7C7C7

Design tokens & code

CSS
--color: #bad32c;
/* rgb */ color: rgb(186, 211, 44);
/* oklch */ color: oklch(82.0% 0.180 118.3);
Tailwind
colors: {
  custom: {
    50: '#d3e074',
    500: '#bad32c',
    950: '#000000',
  },
}
SCSS
$custom: #bad32c;
$custom-light: #d3e074;
$custom-dark: #000000;
JSON
{
  "hex": "#bad32c",
  "rgb": {
    "r": 186,
    "g": 211,
    "b": 44
  },
  "hsl": {
    "h": 68.982,
    "s": 65.49,
    "l": 50
  },
  "oklch": {
    "l": 0.8205,
    "c": 0.17974,
    "h": 118.3
  },
  "luminance": 0.57209
}

Semantic roles & 50–950 ramp

primary
#BAD32C
secondary
#372C77
accent
#3FE859
background
#FEFEFB
surface
#FBFCF1
border
#D4D5CB
text
#151509
muted
#84847D

Preview Lab

Preview with #BAD32C

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

Preview Lab → · Contrast checker → · Palette generator →

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