Named color · #7F5153
Deep Rhubarb
Deep Rhubarb is #7F5153: rgb(127 81 83), hsl(357 22% 41%), oklch(0.487 0.062 16.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Deep Rhubarb color name →
#7F5153
oklch(0.487 0.062 16.8)
Color conversions
- HEX
- #7f5153
- RGB
- rgb(127 81 83)
- HSL
- hsl(357 22% 41%)
- HWB
- hwb(357 32% 50%)
- OKLCH
- oklch(0.487 0.062 16.8)
- OKLab
- oklab(0.487 0.059 0.018)
- CIE Lab
- lab(39.82 20.03 7.25)
- LCH
- lch(39.82 21.3 19.9)
- CMYK
- cmyk(0% 36% 35% 50%)
Tints · Shades · Tones
Tints
- 8C6163
- 997173
- A58283
- B29394
- BFA4A5
- CCB6B6
- D8C8C8
- E5DADA
- F2ECEC
Shades
- 6E4547
- 5D3A3B
- 4C2F30
- 3C2425
- 2D1A1B
- 1F1011
- 110708
- 060202
- 010000
Tones
- 805657
- 805B5C
- 805F60
- 816465
- 816969
- 816D6E
- 817272
- 817777
- 807B7B
Color harmonies
Complementary +180°
- 7F5153
Deep Rhubarb
- 2E6A6B
≈ North Sea
Analogous -30° +30°
- 7F5153
Deep Rhubarb
- 7A5167
≈ Grey Carmine
- 7D5541
≈ Wild Stallion
Triadic +120° +240°
- 7F5153
Deep Rhubarb
- 4F6845
≈ Garden Cucumber
- 496183
≈ Climate Control
Split-complementary +150° +210°
- 7F5153
Deep Rhubarb
- 3A6B58
≈ Toad King
- 36677B
≈ Byron Place
Tetradic +90° +180° +270°
- 7F5153
Deep Rhubarb
- 646237
≈ Wood’s Creek
- 2E6A6B
≈ North Sea
- 5D5A81
≈ Psychic
Contrast & accessibility
Ag
AAOn white
WCAG 6.55:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.20:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 6.55:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--deep-rhubarb: #7f5153;
--deep-rhubarb-rgb: 127 81 83;
--deep-rhubarb-oklch: oklch(0.487 0.062 16.8);
}
.element {
color: var(--deep-rhubarb);
background-color: hsl(357 22% 41%);
border-color: oklch(0.487 0.062 16.8);
}Tailwind CSS v4
@theme {
--color-deep-rhubarb: #7f5153;
--color-deep-rhubarb-50: #ffefee;
--color-deep-rhubarb-100: #fce0e0;
--color-deep-rhubarb-200: #eecaca;
--color-deep-rhubarb-300: #d6abab;
--color-deep-rhubarb-400: #c09091;
--color-deep-rhubarb-500: #ab7678;
--color-deep-rhubarb-600: #916465;
--color-deep-rhubarb-700: #745051;
--color-deep-rhubarb-800: #563a3b;
--color-deep-rhubarb-900: #3c2729;
--color-deep-rhubarb-950: #261517;
}SCSS
$deep-rhubarb: #7f5153;
$deep-rhubarb-rgb: 127, 81, 83;
$deep-rhubarb-light: mix(#fff, $deep-rhubarb, 20%);
$deep-rhubarb-dark: mix(#000, $deep-rhubarb, 20%);
.element {
color: $deep-rhubarb;
box-shadow: 0 0 0 2px rgba($deep-rhubarb, 0.35);
}