#cc9822 color: Duck Sauce
#cc9822 is rgb(204, 152, 34) in RGB and oklch(71.095% 0.13738 82.127) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Amber
- Light
- Vivid
- Warm
- ≈ Camel
- yellow-600
- Black 20%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
About #cc9822
#cc9822 is a bright light amber color. In OKLCH it has 71.1% lightness, 0.137 chroma and a hue of 82°.
Inside sRGB: displays the same on any screen.
White text on it reaches 2.6:1 contrast and black text 8.08:1, so black text reads better.
The closest named color is Duck Sauce (#cc9922). In Tailwind CSS the closest color is yellow-600.
Lighter: #cc9822 mixed with white
Darker: #cc9822 mixed with black
Calmer: #cc9822 with less saturation
Similar named colors
Colors that go with #cc9822
Questions about #cc9822
What color is #cc9822?
#cc9822 is bright light amber. The closest named color is Duck Sauce. In RGB it is rgb(204, 152, 34), in HSL hsl(41.65, 71.43%, 46.67%) and in OKLCH oklch(71.095% 0.13738 82.127).
What colors go well with #cc9822?
The complementary color of #cc9822 is #72a0f7. For a calmer combination use the analogous colors #e48749 and #a4aa34. The triadic partners are #00bac6 and #ca83d4.
Is white or black text more readable on #cc9822?
Black text reads better on #cc9822: white gives a contrast ratio of 2.6:1 and black gives 8.08:1. WCAG AA asks for at least 4.5:1 for body text.
Is #cc9822 a warm or cool color?
#cc9822 is a warm color. In OKLCH its hue is 82 degrees, its lightness 71.1% and its chroma 0.137.