Named color · #CDAE70
Putty
Putty is #CDAE70: rgb(205 174 112), hsl(40 48% 62%), oklch(0.764 0.088 83.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Putty color name →
#CDAE70
oklch(0.764 0.088 83.9)
Color conversions
- HEX
- #cdae70
- RGB
- rgb(205 174 112)
- HSL
- hsl(40 48% 62%)
- HWB
- hwb(40 44% 20%)
- OKLCH
- oklch(0.764 0.088 83.9)
- OKLab
- oklab(0.764 0.009 0.087)
- CIE Lab
- lab(72.83 5.62 36.13)
- LCH
- lch(72.83 36.57 81.2)
- CMYK
- cmyk(0% 15% 45% 20%)
Tints · Shades · Tones
Tints
- D2B67F
- D7BE8D
- DCC69C
- E1CEAA
- E6D6B8
- EBDEC6
- F0E7D4
- F5EFE2
- FAF7F1
Shades
- B29760
- 988051
- 7E6A43
- 665535
- 4E4127
- 382E1A
- 231C0E
- 0F0B04
- 020101
Tones
- C5A973
- BDA575
- B5A077
- AE9C79
- A6977A
- 9E937C
- 978E7D
- 8F897E
- 87857F
Color harmonies
Complementary +180°
- CDAE70
Putty
- 96B2EB
≈ Wondrous Wisteria
Analogous -30° +30°
- CDAE70
Putty
- DFA37D
≈ Peach Ice Cream
- B1B977
≈ Green Curry
Triadic +120° +240°
- CDAE70
Putty
- 68C3CC
≈ Arctic Ocean
- CFA0D2
≈ Velvet Horizon
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.12:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.88:1 · APCA Lc 61
Best text color: #000000
WCAG 9.88:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--putty: #cdae70;
--putty-rgb: 205 174 112;
--putty-oklch: oklch(0.764 0.088 83.9);
}
.element {
color: var(--putty);
background-color: hsl(40 48% 62%);
border-color: oklch(0.764 0.088 83.9);
}Tailwind CSS v4
@theme {
--color-putty: #cdae70;
--color-putty-50: #fff4d9;
--color-putty-100: #f5e6c7;
--color-putty-200: #e5d2aa;
--color-putty-300: #ccb584;
--color-putty-400: #b79a60;
--color-putty-500: #a2813b;
--color-putty-600: #896d33;
--color-putty-700: #6e5729;
--color-putty-800: #523f1c;
--color-putty-900: #392c12;
--color-putty-950: #231905;
}SCSS
$putty: #cdae70;
$putty-rgb: 205, 174, 112;
$putty-light: mix(#fff, $putty, 20%);
$putty-dark: mix(#000, $putty, 20%);
.element {
color: $putty;
box-shadow: 0 0 0 2px rgba($putty, 0.35);
}