Couleur nommée la plus proche · #5A3130
#5A3130
Couleur nommée la plus proche: Rampant Rhubarb
#5A3130 (rgb(90 49 48), hsl(1 30% 27%), oklch(0.365 0.06 21.9)) est la plus proche de la couleur nommée Rampant Rhubarb. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5A3130
oklch(0.365 0.06 21.9)
Conversions de couleur
- HEX
- #5a3130
- RGB
- rgb(90 49 48)
- HSL
- hsl(1 30% 27%)
- HWB
- hwb(1 19% 65%)
- OKLCH
- oklch(0.365 0.06 21.9)
- OKLab
- oklab(0.365 0.056 0.022)
- CIE Lab
- lab(25.73 18.96 9.18)
- LCH
- lch(25.73 21.06 25.8)
- CMYK
- cmyk(0% 46% 47% 65%)
Teintes · Ombres · Tons
Teintes
- 6A4342
- 7A5655
- 8A6A68
- 9B7E7C
- AB9291
- BCA7A6
- CCBCBB
- DDD2D2
- EEE8E8
Ombres
- 4D2928
- 412221
- 351A1A
- 291313
- 1E0C0C
- 130606
- 090303
- 030101
- 000000
Tons
- 5E3938
- 63403F
- 674847
- 6B504F
- 6E5857
- 72605F
- 766867
- 79706F
- 7D7878
Harmonies de couleurs
Complémentaire +180°
- 5A3130
Rampant Rhubarb
- 05484C
≈ Sherpa Blue
Analogue -30° +30°
- 5A3130
Rampant Rhubarb
- 563142
≈ Blackberry Tart
- 57351F
≈ Kuro Brown
Triadique +120° +240°
- 5A3130
Rampant Rhubarb
- 2B4628
≈ Forestry
- 2D3E5E
≈ Gulf Blue
Complémentaire divisée +150° +210°
- 5A3130
Rampant Rhubarb
- 14493B
≈ Sherwood Green
- 174458
≈ Sultan’s Silk
Tétradique +90° +180° +270°
- 5A3130
Rampant Rhubarb
- 3F4119
≈ Alligator Gladiator
- 05484C
≈ Sherpa Blue
- 3F385B
≈ Magic Night
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.95:1 · APCA Lc 95
Ag
FailSur noir
WCAG 1.91:1 · APCA Lc 7
Meilleure couleur de texte: #FFFFFF
WCAG 10.95:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--rampant-rhubarb: #5a3130;
--rampant-rhubarb-rgb: 90 49 48;
--rampant-rhubarb-oklch: oklch(0.365 0.06 21.9);
}
.element {
color: var(--rampant-rhubarb);
background-color: hsl(1 30% 27%);
border-color: oklch(0.365 0.06 21.9);
}Tailwind CSS v4
@theme {
--color-rampant-rhubarb: #5a3130;
--color-rampant-rhubarb-50: #ffefed;
--color-rampant-rhubarb-100: #fce1de;
--color-rampant-rhubarb-200: #edcbc8;
--color-rampant-rhubarb-300: #d5aca9;
--color-rampant-rhubarb-400: #c0918f;
--color-rampant-rhubarb-500: #ab7774;
--color-rampant-rhubarb-600: #906563;
--color-rampant-rhubarb-700: #74504f;
--color-rampant-rhubarb-800: #553a3a;
--color-rampant-rhubarb-900: #3c2828;
--color-rampant-rhubarb-950: #251616;
}SCSS
$rampant-rhubarb: #5a3130;
$rampant-rhubarb-rgb: 90, 49, 48;
$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);
}