Named color · #A26766
Withered Rose
Withered Rose is #A26766: rgb(162 103 102), hsl(1 24% 52%), oklch(0.577 0.076 20.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Withered Rose color name →
#A26766
oklch(0.577 0.076 20.7)
Color conversions
- HEX
- #a26766
- RGB
- rgb(162 103 102)
- HSL
- hsl(1 24% 52%)
- HWB
- hwb(1 40% 36%)
- OKLCH
- oklch(0.577 0.076 20.7)
- OKLab
- oklab(0.577 0.072 0.027)
- CIE Lab
- lab(50.18 24.3 10.98)
- LCH
- lch(50.18 26.66 24.3)
- CMYK
- cmyk(0% 36% 37% 36%)
Tints · Shades · Tones
Tints
- AC7674
- B58483
- BF9391
- C8A2A0
- D2B1B0
- DBC0BF
- E4D0CF
- EDDFDF
- F6EFEF
Shades
- 8C5958
- 774B4A
- 633D3C
- 4F302F
- 3C2323
- 2A1717
- 190C0C
- 0A0404
- 010000
Tones
- 9F6A69
- 9C6C6B
- 996F6E
- 967270
- 927473
- 8F7776
- 8B7978
- 887B7B
- 847E7D
Color harmonies
Complementary +180°
- A26766
Withered Rose
- 38878C
≈ Turkish Jade
Analogous -30° +30°
- A26766
Withered Rose
- 9C677F
≈ Batik Pink
- 9E6C4F
≈ Sorrel Brown
Triadic +120° +240°
- A26766
Withered Rose
- 60855A
≈ Tee Off
- 5F7AA7
≈ Miracle Elixir
Split-complementary +150° +210°
- A26766
Withered Rose
- 458873
≈ Think Leaf
- 46829E
≈ Dirty Blue
Tetradic +90° +180° +270°
- A26766
Withered Rose
- 7B7E47
≈ Terrapin
- 38878C
≈ Turkish Jade
- 7972A4
≈ Queen’s
Contrast & accessibility
Ag
FailOn white
WCAG 4.49:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.66:1 · APCA Lc 31
Best text color: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--withered-rose: #a26766;
--withered-rose-rgb: 162 103 102;
--withered-rose-oklch: oklch(0.577 0.076 20.7);
}
.element {
color: var(--withered-rose);
background-color: hsl(1 24% 52%);
border-color: oklch(0.577 0.076 20.7);
}Tailwind CSS v4
@theme {
--color-withered-rose: #a26766;
--color-withered-rose-50: #ffedeb;
--color-withered-rose-100: #ffdfdc;
--color-withered-rose-200: #f4c8c5;
--color-withered-rose-300: #dca9a5;
--color-withered-rose-400: #c88d8b;
--color-withered-rose-500: #b37170;
--color-withered-rose-600: #98605f;
--color-withered-rose-700: #7a4d4c;
--color-withered-rose-800: #5a3738;
--color-withered-rose-900: #3f2626;
--color-withered-rose-950: #281415;
}SCSS
$withered-rose: #a26766;
$withered-rose-rgb: 162, 103, 102;
$withered-rose-light: mix(#fff, $withered-rose, 20%);
$withered-rose-dark: mix(#000, $withered-rose, 20%);
.element {
color: $withered-rose;
box-shadow: 0 0 0 2px rgba($withered-rose, 0.35);
}