Nearest named color · #5B3335
#5B3335
Nearest named color: Rampant Rhubarb
#5B3335 (rgb(91 51 53), hsl(357 28% 28%), oklch(0.372 0.058 17)) is closest to the named color Rampant Rhubarb. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5B3335
oklch(0.372 0.058 17)
Color conversions
- HEX
- #5b3335
- RGB
- rgb(91 51 53)
- HSL
- hsl(357 28% 28%)
- HWB
- hwb(357 20% 64%)
- OKLCH
- oklch(0.372 0.058 17)
- OKLab
- oklab(0.372 0.055 0.017)
- CIE Lab
- lab(26.5 18.7 6.94)
- LCH
- lch(26.5 19.95 20.4)
- CMYK
- cmyk(0% 44% 42% 64%)
Tints · Shades · Tones
Tints
- 6B4547
- 7B5859
- 8B6B6C
- 9B7F7F
- AB9394
- BCA8A8
- CCBDBD
- DDD3D3
- EEE9E9
Shades
- 4E2B2D
- 412325
- 351C1D
- 291415
- 1E0D0E
- 130708
- 090303
- 030101
- 000000
Tones
- 5F3B3C
- 634243
- 674A4A
- 6B5152
- 6F5959
- 726161
- 766868
- 797070
- 7D7878
Color harmonies
Complementary +180°
- 5B3335
Rampant Rhubarb
- 0D494B
≈ Incubi Darkness
Analogous -30° +30°
- 5B3335
Rampant Rhubarb
- 573346
≈ Blackberry Tart
- 593625
≈ Kuro Brown
Triadic +120° +240°
- 5B3335
Rampant Rhubarb
- 314728
≈ Palm Leaf
- 2C415F
≈ Black Turmeric
Split-complementary +150° +210°
- 5B3335
Rampant Rhubarb
- 1C4A3A
≈ County Green
- 184658
≈ Blue Syzygy
Tetradic +90° +180° +270°
- 5B3335
Rampant Rhubarb
- 44421B
≈ Alligator Gladiator
- 0D494B
≈ Incubi Darkness
- 3E3B5D
≈ Patriot Blue
Contrast & accessibility
Ag
AAAOn white
WCAG 10.66:1 · APCA Lc 95
Ag
FailOn black
WCAG 1.96:1 · APCA Lc 8
Best text color: #FFFFFF
WCAG 10.66:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--rampant-rhubarb: #5b3335;
--rampant-rhubarb-rgb: 91 51 53;
--rampant-rhubarb-oklch: oklch(0.372 0.058 17);
}
.element {
color: var(--rampant-rhubarb);
background-color: hsl(357 28% 28%);
border-color: oklch(0.372 0.058 17);
}Tailwind CSS v4
@theme {
--color-rampant-rhubarb: #5b3335;
--color-rampant-rhubarb-50: #ffefef;
--color-rampant-rhubarb-100: #fbe1e0;
--color-rampant-rhubarb-200: #eccbca;
--color-rampant-rhubarb-300: #d4acac;
--color-rampant-rhubarb-400: #be9192;
--color-rampant-rhubarb-500: #a97778;
--color-rampant-rhubarb-600: #8f6566;
--color-rampant-rhubarb-700: #735051;
--color-rampant-rhubarb-800: #553a3c;
--color-rampant-rhubarb-900: #3b2829;
--color-rampant-rhubarb-950: #251617;
}SCSS
$rampant-rhubarb: #5b3335;
$rampant-rhubarb-rgb: 91, 51, 53;
$rampant-rhubarb-light: mix(#fff, $rampant-rhubarb, 20%);
$rampant-rhubarb-dark: mix(#000, $rampant-rhubarb, 20%);
.element {
color: $rampant-rhubarb;
box-shadow: 0 0 0 2px rgba($rampant-rhubarb, 0.35);
}