#BFC171#BFC171

#BFC171 is a light, moderate yellow. Relative luminance 0.504; OKLCH L 79.1% C 0.103 H 109.8°. Best body text is #000000 at 11.08:1 contrast (WCAG AA passes).

Color values

HEX	#BFC171
RGB	rgb(191, 193, 113)
HSL	hsl(62, 39%, 60%)
HSV	hsv(62, 41%, 76%)
CMYK	cmyk(1%, 0%, 41.5%, 24.3%)
CIE-LAB	lab(76.32, -12.50, 39.96)
CIE-LCH	lch(76.32, 41.87, 107.37°)
OKLab	oklab(79.15% -0.0348 0.0968)
OKLCH	oklch(79.15% 0.103 109.8)
XYZ	xyz(43.5371, 50.4094, 23.0561)
Luminance	0.5041 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BFC171 #7371C1

analogous

#C19B71 #BFC171 #97C171

triadic

#BFC171 #71BFC1 #C171BF

tetradic

#BFC171 #71C19B #7371C1 #C17197

square

#BFC171 #71C19B #7371C1 #C17197

split-complementary

#BFC171 #7197C1 #9B71C1

monochromatic

#7E8038 #A8AA4A #BFC171 #D2D49C #E5E6C6

Accessibility & contrast

On white

1.89

#BFC171 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.08

#BFC171 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BFC171

11.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BFC171	#FFFFFF	#000000	##000000
##BFC171	1.00	1.89	11.08	11.08
#FFFFFF	1.89	1.00	21.00	21.00
#000000	11.08	21.00	1.00	1.00
##000000	11.08	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#CCBB6B

Deuteranopia (green-blind)

#CDBE75

Tritanopia (blue-blind)

#C9B8AE

Achromatopsia (no color)

#BCBCBC

Design tokens & code

CSS

--color: #bfc171;
/* rgb */ color: rgb(191, 193, 113);
/* oklch */ color: oklch(79.1% 0.103 109.8);

Tailwind

colors: {
  custom: {
    50: '#d3d39b',
    500: '#bfc171',
    950: '#000000',
  },
}

SCSS

$custom: #bfc171;
$custom-light: #d3d39b;
$custom-dark: #000000;

JSON

{
  "hex": "#bfc171",
  "rgb": {
    "r": 191,
    "g": 193,
    "b": 113
  },
  "hsl": {
    "h": 61.5,
    "s": 39.216,
    "l": 60
  },
  "oklch": {
    "l": 0.79149,
    "c": 0.10283,
    "h": 109.8
  },
  "luminance": 0.50409
}

Semantic roles & 50–950 ramp

primary

#BFC171

secondary

#4F4E89

accent

#59CF5C

background

#FEFEFC

surface

#FBFBF5

border

#D4D4CF

text

#14140E

muted

#83837F

Preview Lab

Preview with #BFC171

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

Preview Lab → · Contrast checker → · Palette generator →