#BDCE35#BDCE35

#BDCE35 is a light, vivid yellow. Relative luminance 0.552; OKLCH L 81.2% C 0.169 H 115.9°. Best body text is #000000 at 12.04:1 contrast (WCAG AA passes).

Color values

HEX	#BDCE35
RGB	rgb(189, 206, 53)
HSL	hsl(67, 61%, 51%)
HSV	hsv(67, 74%, 81%)
CMYK	cmyk(8.3%, 0%, 74.3%, 19.2%)
CIE-LAB	lab(79.17, -24.29, 68.93)
CIE-LCH	lch(79.17, 73.09, 109.41°)
OKLab	oklab(81.21% -0.0737 0.1519)
OKLCH	oklch(81.21% 0.169 115.9)
XYZ	xyz(43.7013, 55.2191, 11.7237)
Luminance	0.5522 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BDCE35 #4635CE

analogous

#CE9335 #BDCE35 #70CE35

triadic

#BDCE35 #35BDCE #CE35BD

tetradic

#BDCE35 #35CE93 #4635CE #CE3570

square

#BDCE35 #35CE93 #4635CE #CE3570

split-complementary

#BDCE35 #3570CE #9335CE

monochromatic

#656E1B #929F27 #BDCE35 #CDDA66 #DDE698

Accessibility & contrast

On white

1.74

#BDCE35 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

12.04

#BDCE35 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BDCE35

12.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BDCE35	#FFFFFF	#000000	##000000
##BDCE35	1.00	1.74	12.04	12.04
#FFFFFF	1.74	1.00	21.00	21.00
#000000	12.04	21.00	1.00	1.00
##000000	12.04	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#DDC311

Deuteranopia (green-blind)

#DBC542

Tritanopia (blue-blind)

#C9C2B1

Achromatopsia (no color)

#C4C4C4

Design tokens & code

CSS

--color: #bdce35;
/* rgb */ color: rgb(189, 206, 53);
/* oklch */ color: oklch(81.2% 0.169 115.9);

Tailwind

colors: {
  custom: {
    50: '#d5dc78',
    500: '#bdce35',
    950: '#000000',
  },
}

SCSS

$custom: #bdce35;
$custom-light: #d5dc78;
$custom-dark: #000000;

JSON

{
  "hex": "#bdce35",
  "rgb": {
    "r": 189,
    "g": 206,
    "b": 53
  },
  "hsl": {
    "h": 66.667,
    "s": 60.956,
    "l": 50.784
  },
  "oklch": {
    "l": 0.81209,
    "c": 0.16885,
    "h": 115.9
  },
  "luminance": 0.55218
}

Semantic roles & 50–950 ramp

primary

#BDCE35

secondary

#383077

accent

#44E456

background

#FEFEFB

surface

#FCFCF1

border

#D5D5CB

text

#15150A

muted

#84847D

Preview Lab

Preview with #BDCE35

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

Preview Lab → · Contrast checker → · Palette generator →