#a5b153

Color #a5b153

A muted medium yellow.

Closest named color Dark Khaki #bdb76b · ΔE 11.98 Nearest Tailwind class lime-600 #5ea500 · ΔE 12.5

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

Conversions

HEX

#a5b153

RGB

rgb(165, 177, 83)

HSL

hsl(67.7, 37.6%, 51%)

HSV / HSB

hsv(67.7, 53.1%, 69.4%)

CMYK

cmyk(6.8%, 0%, 53.1%, 30.6%)

LAB

lab(69.52, -17.9, 46.05)

LCH

lch(69.52, 49.41, 111.24)

OKLCH

oklch(73.1%, 0.1198, 115.45)

HWB

hwb(67.7, 32.5%, 30.6%)

Harmony colors

Complementary

#5f53b1

Analogous

#b18e53

#a5b153

#76b153

Triadic

#a5b153

#53a5b1

#b153a5

Split-complementary

#a5b153

#5376b1

#8e53b1

Tetradic

#a5b153

#53b15f

#5f53b1

#b153a5

Square

#a5b153

#53b18e

#5f53b1

#b15376

Shades

Color #a5b153 mixed toward black.

#8b9544

#6f7736

#535929

#373c1b

#1c1e0e

Tints

Color #a5b153 mixed toward white.

#b4be70

#c3cb8c

#d2d8a9

#e1e5c6

#f0f2e2

Tones

Color #a5b153 mixed toward gray.

#9fa95b

#99a163

#949a6b

#8e9272

#888a7a

Accessibility

Aa White text on this color

2.33:1

Aa Black text on this color

9.01:1

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

Under color vision deficiencies

Protanopia

#aaaa73 · ΔE 7.4

Deuteranopia

#aaa979 · ΔE 8.9

Tritanopia

#a6868a · ΔE 35.8

Achromatopsia

#aaaaaa · ΔE 23.6

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

Code

CSS

background-color: #a5b153;

Tailwind (arbitrary value)

bg-[#a5b153]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#a5b153 (#a5b153) is rgb(165, 177, 83) in RGB.

No, #a5b153 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 #a5b153, or check how it holds up for accessibility.

Generate a palette → Check contrast