#93BB71#93BB71

#93BB71 is a light, moderate yellow-green. Relative luminance 0.429; OKLCH L 74.5% C 0.109 H 131.7°. Best body text is #000000 at 9.59:1 contrast (WCAG AA passes).

Color values

HEX	#93BB71
RGB	rgb(147, 187, 113)
HSL	hsl(92, 35%, 59%)
HSV	hsv(92, 40%, 73%)
CMYK	cmyk(21.4%, 0%, 39.6%, 26.7%)
CIE-LAB	lab(71.51, -26.55, 33.20)
CIE-LCH	lch(71.51, 42.51, 128.65°)
OKLab	oklab(74.51% -0.0728 0.0817)
OKLCH	oklch(74.51% 0.109 131.7)
XYZ	xyz(32.7830, 42.9353, 22.1797)
Luminance	0.4294 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#93BB71 #9971BB

analogous

#B8BB71 #93BB71 #71BB74

triadic

#93BB71 #7193BB #BB7193

tetradic

#93BB71 #71B8BB #9971BB #BB7471

square

#93BB71 #71B8BB #9971BB #BB7471

split-complementary

#93BB71 #7471BB #BB71B8

monochromatic

#56783A #74A14D #93BB71 #B2CF9A #D2E3C4

Accessibility & contrast

On white

2.19

#93BB71 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.59

#93BB71 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #93BB71

9.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##93BB71	#FFFFFF	#000000	##000000
##93BB71	1.00	2.19	9.59	9.59
#FFFFFF	2.19	1.00	21.00	21.00
#000000	9.59	21.00	1.00	1.00
##000000	9.59	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#C1B16C

Deuteranopia (green-blind)

#BBAE75

Tritanopia (blue-blind)

#95B5A9

Achromatopsia (no color)

#AFAFAF

Design tokens & code

CSS

--color: #93bb71;
/* rgb */ color: rgb(147, 187, 113);
/* oklch */ color: oklch(74.5% 0.109 131.7);

Tailwind

colors: {
  custom: {
    50: '#b4cf9b',
    500: '#93bb71',
    950: '#000000',
  },
}

SCSS

$custom: #93bb71;
$custom-light: #b4cf9b;
$custom-dark: #000000;

JSON

{
  "hex": "#93bb71",
  "rgb": {
    "r": 147,
    "g": 187,
    "b": 113
  },
  "hsl": {
    "h": 92.432,
    "s": 35.238,
    "l": 58.824
  },
  "oklch": {
    "l": 0.74512,
    "c": 0.10939,
    "h": 131.7
  },
  "luminance": 0.42936
}

Semantic roles & 50–950 ramp

primary

#93BB71

secondary

#C5B5D2

accent

#5DCB98

background

#FBFCF9

surface

#F6F9F2

border

#D0D2CC

text

#11140E

muted

#80827E

Preview Lab

Preview with #93BB71

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

Preview Lab → · Contrast checker → · Palette generator →