#707C22#707C22

#707C22 is a mid, moderate yellow. Relative luminance 0.180; OKLCH L 55.9% C 0.113 H 116.8°. Best body text is #000000 at 4.60:1 contrast (WCAG AA passes).

Color values

HEX	#707C22
RGB	rgb(112, 124, 34)
HSL	hsl(68, 57%, 31%)
HSV	hsv(68, 73%, 49%)
CMYK	cmyk(9.7%, 0%, 72.6%, 51.4%)
CIE-LAB	lab(49.47, -17.01, 45.11)
CIE-LCH	lch(49.47, 48.21, 110.66°)
OKLab	oklab(55.85% -0.0509 0.1008)
OKLCH	oklch(55.85% 0.113 116.8)
XYZ	xyz(14.1788, 17.9757, 4.2358)
Luminance	0.1798 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#707C22 #2E227C

analogous

#7C5B22 #707C22 #437C22

triadic

#707C22 #22707C #7C2270

tetradic

#707C22 #227C5B #2E227C #7C2243

square

#707C22 #227C5B #2E227C #7C2243

split-complementary

#707C22 #22437C #5B227C

monochromatic

#191C08 #454C15 #707C22 #9BAC2F #BCCE4B

Accessibility & contrast

On white

4.57

#707C22 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.60

#707C22 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #707C22

4.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##707C22	#FFFFFF	#000000	##000000
##707C22	1.00	4.57	4.60	4.60
#FFFFFF	4.57	1.00	21.00	21.00
#000000	4.60	21.00	1.00	1.00
##000000	4.60	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#857513

Deuteranopia (green-blind)

#847629

Tritanopia (blue-blind)

#77756A

Achromatopsia (no color)

#767676

Design tokens & code

CSS

--color: #707c22;
/* rgb */ color: rgb(112, 124, 34);
/* oklch */ color: oklch(55.9% 0.113 116.8);

Tailwind

colors: {
  custom: {
    50: '#9ca163',
    500: '#707c22',
    950: '#000000',
  },
}

SCSS

$custom: #707c22;
$custom-light: #9ca163;
$custom-dark: #000000;

JSON

{
  "hex": "#707c22",
  "rgb": {
    "r": 112,
    "g": 124,
    "b": 34
  },
  "hsl": {
    "h": 68,
    "s": 56.962,
    "l": 30.98
  },
  "oklch": {
    "l": 0.55854,
    "c": 0.11288,
    "h": 116.8
  },
  "luminance": 0.17976
}

Semantic roles & 50–950 ramp

primary

#707C22

secondary

#584BAF

accent

#48E05C

background

#F9F9F6

surface

#F2F2EB

border

#CCCCC6

text

#0E0F06

muted

#7E7E7A

Preview Lab

Preview with #707C22

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

Preview Lab → · Contrast checker → · Palette generator →