#c2d32b

Color #c2d32b

A moderately saturated medium yellow.

Closest named color Yellow Green #9acd32 · ΔE 15.35 Nearest Tailwind class lime-400 #9ae600 · ΔE 9.3

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#c2d32b

RGB

rgb(194, 211, 43)

HSL

hsl(66.1, 66.1%, 49.8%)

HSV / HSB

hsv(66.1, 79.6%, 82.7%)

CMYK

cmyk(8.1%, 0%, 79.6%, 17.3%)

LAB

lab(80.87, -25.03, 73.58)

LCH

lch(80.87, 77.72, 108.79)

OKLCH

oklch(82.7%, 0.1774, 115.65)

HWB

hwb(66.1, 16.9%, 17.3%)

Harmony colors

Complementary

#3c2bd3

Analogous

#d3902b

#c2d32b

#6ed32b

Triadic

#c2d32b

#2bc2d3

#d32bc2

Split-complementary

#c2d32b

#2b6ed3

#902bd3

Tetradic

#c2d32b

#2bd33c

#3c2bd3

#d32bc2

Square

#c2d32b

#2bd390

#3c2bd3

#d32b6e

Shades

Color #c2d32b mixed toward black.

#a2b024

#818d1d

#616916

#41460e

#202307

Tints

Color #c2d32b mixed toward white.

#ccdb4e

#d7e271

#e1e995

#ebf1b8

#f5f8dc

Tones

Color #c2d32b mixed toward gray.

#b7c539

#acb747

#a0a955

#959b63

#8a8d71

Accessibility

Aa White text on this color

1.66:1

Aa Black text on this color

12.65:1

Black text reads better on this background (12.65:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#caca74 · ΔE 9

Deuteranopia

#c9c77f · ΔE 11.4

Tritanopia

#c3949a · ΔE 45.4

Achromatopsia

#c9c9c9 · ΔE 28.3

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #c2d32b;

Tailwind (arbitrary value)

bg-[#c2d32b]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#c2d32b (#c2d32b) is rgb(194, 211, 43) in RGB.

No, #c2d32b is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #c2d32b, or check how it holds up for accessibility.

Generate a palette → Check contrast