#B3CF70#B3CF70

#B3CF70 is a light, vivid yellow-green. Relative luminance 0.554; OKLCH L 81.3% C 0.126 H 122.7°. Best body text is #000000 at 12.08:1 contrast (WCAG AA passes).

Color values

HEX	#B3CF70
RGB	rgb(179, 207, 112)
HSL	hsl(78, 50%, 63%)
HSV	hsv(78, 46%, 81%)
CMYK	cmyk(13.5%, 0%, 45.9%, 18.8%)
CIE-LAB	lab(79.26, -24.32, 43.92)
CIE-LCH	lch(79.26, 50.20, 118.97°)
OKLab	oklab(81.27% -0.0678 0.1057)
OKLCH	oklch(81.27% 0.126 122.7)
XYZ	xyz(43.8279, 55.3791, 23.7064)
Luminance	0.5538 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#B3CF70 #8C70CF

analogous

#CFBB70 #B3CF70 #84CF70

triadic

#B3CF70 #70B3CF #CF70B3

tetradic

#B3CF70 #70CFBB #8C70CF #CF7084

square

#B3CF70 #70CFBB #8C70CF #CF7084

split-complementary

#B3CF70 #7084CF #BB70CF

monochromatic

#769331 #9BC042 #B3CF70 #CBDE9E #E4EECC

Accessibility & contrast

On white

1.74

#B3CF70 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

12.08

#B3CF70 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B3CF70

12.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##B3CF70	#FFFFFF	#000000	##000000
##B3CF70	1.00	1.74	12.08	12.08
#FFFFFF	1.74	1.00	21.00	21.00
#000000	12.08	21.00	1.00	1.00
##000000	12.08	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D9C568

Deuteranopia (green-blind)

#D5C475

Tritanopia (blue-blind)

#BAC7B9

Achromatopsia (no color)

#C4C4C4

Design tokens & code

CSS

--color: #b3cf70;
/* rgb */ color: rgb(179, 207, 112);
/* oklch */ color: oklch(81.3% 0.126 122.7);

Tailwind

colors: {
  custom: {
    50: '#cbdd9b',
    500: '#b3cf70',
    950: '#000000',
  },
}

SCSS

$custom: #b3cf70;
$custom-light: #cbdd9b;
$custom-dark: #000000;

JSON

{
  "hex": "#b3cf70",
  "rgb": {
    "r": 179,
    "g": 207,
    "b": 112
  },
  "hsl": {
    "h": 77.684,
    "s": 49.738,
    "l": 62.549
  },
  "oklch": {
    "l": 0.81273,
    "c": 0.12557,
    "h": 122.7
  },
  "luminance": 0.55379
}

Semantic roles & 50–950 ramp

primary

#B3CF70

secondary

#614A99

accent

#28BD54

background

#FEFEFC

surface

#FBFCF5

border

#D4D5CF

text

#13150E

muted

#83847F

Preview Lab

Preview with #B3CF70

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

Preview Lab → · Contrast checker → · Palette generator →