Light Dusty Citron is a medium-light, muted shade in the yellow color family, with a warm feel. Its HEX code is #B6BA97, which equals rgb(182, 186, 151) in RGB and hsl(67, 20%, 66%) in HSL. In print terms it converts to roughly C2 M0 Y19 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#B6BA97 - RGB
182, 186, 151 - HSL
67°, 20%, 66% - CMYK
2, 0, 19, 27 - Family
Yellow - Tone
Medium-light, muted
About Light Dusty Citron
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 10.46:1. Its complementary color is #9B97BA.
Download Light Dusty Citron as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Light Dusty Citron color codes
| HEX | #B6BA97 |
|---|---|
| RGB | rgb(182, 186, 151) |
| HSL | hsl(67, 20%, 66%) |
| HSV | 67°, 19%, 73% |
| CMYK | 2%, 0%, 19%, 27% |
| Decimal | 11975319 |
Shades and tints of Light Dusty Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F3F4EE - 100
#E7E8DC - 200
#DBDDCB - 300
#CED1BA - 400
#C2C6A8 - 500
#B6BA97 - 600
#989B7E - 700
#797C65 - 800
#5B5D4C - 900
#3D3E32 - 950
#1E1F19
Color harmonies for Light Dusty Citron
- Complementary
#9B97BA≈ Light Dusty Ultramarine - Analogous −30°
#BAAC97≈ Light Dusty Amber - Analogous +30°
#A4BA97≈ Light Dusty Fern - Triadic +120°
#97B6BA≈ Light Dusty Peacock - Triadic +240°
#BA97B6≈ Light Dusty Cerise - Split 150°
#97A4BA≈ Light Dusty Cornflower - Split 210°
#AC97BA≈ Light Dusty Grape
Contrast and accessibility of Light Dusty Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Citron | Aa | 2.01:1 | Fails |
| Black text on Light Dusty Citron | Aa | 10.46:1 | AAA (excellent) |
CSS code for Light Dusty Citron
background-color: #B6BA97;color: #B6BA97;background-color: rgb(182, 186, 151);background-color: hsl(67, 20%, 66%);:root { --color-light-dusty-citron: #B6BA97; }class="bg-[#B6BA97]"Colors similar to Light Dusty Citron
- Light Dusty Lime
#B3BA97 - Light Dusty Yellow
#BABA97 - Light Dusty Gold
#BAB697 - Light Dusty Chartreuse
#AFBA97 - Light Dusty Marigold
#BAB397 - Light Dusty Spring Bud
#ACBA97 - Light Dusty Apple
#A8BA97 - Light Dusty Amber
#BAAF97 - Light Dusty Fern
#A5BA97 - Light Dusty Tangerine
#BAAC97 - Light Dusty Leaf
#A1BA97 - Warm Gray 70
#B9B2AC
More yellow shades
- Very Dark Dusty Citron
#353725 - Dark Dusty Citron
#4D5035 - Deep Dusty Citron
#656845 - Medium Dark Dusty Citron
#7C8156 - Dusty Citron
#949966 - Medium Light Dusty Citron
#A5A97E - Pale Dusty Citron
#C7CAAF - Very Pale Dusty Citron
#D8DAC8 - Palest Dusty Citron
#EAEBE0 - Darkest Lime
#293300 - Very Dark Lime
#495C00
Frequently asked questions
What is the HEX code for Light Dusty Citron?
The HEX code for Light Dusty Citron is #B6BA97.
What is the RGB value of Light Dusty Citron?
Light Dusty Citron has an RGB value of 182, 186, 151 (rgb(182, 186, 151)). In HSL it is 67°, 20%, 66%.
What text color should I use on Light Dusty Citron?
Use black text on Light Dusty Citron. White text has a contrast ratio of 2.01:1 and black text has 10.46:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Citron?
The complementary color of Light Dusty Citron is #9B97BA. Analogous colors #BAAC97 and #A4BA97 also pair well.