#93BE34#93BE34

#93BE34 is a light, vivid yellow-green. Relative luminance 0.433; OKLCH L 74.5% C 0.168 H 125.6°. Best body text is #000000 at 9.66:1 contrast (WCAG AA passes).

Color values

HEX	#93BE34
RGB	rgb(147, 190, 52)
HSL	hsl(79, 57%, 47%)
HSV	hsv(79, 73%, 75%)
CMYK	cmyk(22.6%, 0%, 72.6%, 25.5%)
CIE-LAB	lab(71.74, -33.78, 61.15)
CIE-LCH	lch(71.74, 69.86, 118.92°)
OKLab	oklab(74.49% -0.0976 0.1365)
OKLCH	oklch(74.49% 0.168 125.6)
XYZ	xyz(31.0661, 43.2775, 9.9648)
Luminance	0.4328 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#93BE34 #5F34BE

analogous

#BEA434 #93BE34 #4EBE34

triadic

#93BE34 #3493BE #BE3493

tetradic

#93BE34 #34BEA4 #5F34BE #BE344E

square

#93BE34 #34BEA4 #5F34BE #BE344E

split-complementary

#93BE34 #344EBE #A434BE

monochromatic

#495E1A #6E8E27 #93BE34 #AED35D #C6E08D

Accessibility & contrast

On white

2.17

#93BE34 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.66

#93BE34 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #93BE34

9.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##93BE34	#FFFFFF	#000000	##000000
##93BE34	1.00	2.17	9.66	9.66
#FFFFFF	2.17	1.00	21.00	21.00
#000000	9.66	21.00	1.00	1.00
##000000	9.66	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#C8B11A

Deuteranopia (green-blind)

#C2AF40

Tritanopia (blue-blind)

#99B5A3

Achromatopsia (no color)

#B0B0B0

Design tokens & code

CSS

--color: #93be34;
/* rgb */ color: rgb(147, 190, 52);
/* oklch */ color: oklch(74.5% 0.168 125.6);

Tailwind

colors: {
  custom: {
    50: '#b6d175',
    500: '#93be34',
    950: '#000000',
  },
}

SCSS

$custom: #93be34;
$custom-light: #b6d175;
$custom-dark: #000000;

JSON

{
  "hex": "#93be34",
  "rgb": {
    "r": 147,
    "g": 190,
    "b": 52
  },
  "hsl": {
    "h": 78.696,
    "s": 57.025,
    "l": 47.451
  },
  "oklch": {
    "l": 0.74493,
    "c": 0.16781,
    "h": 125.6
  },
  "luminance": 0.43278
}

Semantic roles & 50–950 ramp

primary

#93BE34

secondary

#9A84CA

accent

#48E077

background

#FBFCF7

surface

#F6F9ED

border

#D0D2C8

text

#121409

muted

#81827B

Preview Lab

Preview with #93BE34

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

Preview Lab → · Contrast checker → · Palette generator →