Couleur nommée la plus proche · #5E3430
#5E3430
Couleur nommée la plus proche: Rampant Rhubarb
#5E3430 (rgb(94 52 48), hsl(5 32% 28%), oklch(0.377 0.061 26.2)) 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.
#5E3430
oklch(0.377 0.061 26.2)
Conversions de couleur
- HEX
- #5e3430
- RGB
- rgb(94 52 48)
- HSL
- hsl(5 32% 28%)
- HWB
- hwb(5 19% 63%)
- OKLCH
- oklch(0.377 0.061 26.2)
- OKLab
- oklab(0.377 0.055 0.027)
- CIE Lab
- lab(27.11 19 11.15)
- LCH
- lch(27.11 22.03 30.4)
- CMYK
- cmyk(0% 45% 49% 63%)
Teintes · Ombres · Tons
Teintes
- 6E4642
- 7D5955
- 8D6C68
- 9D807C
- AD9491
- BDA9A6
- CEBEBC
- DED3D2
- EEE9E8
Ombres
- 512C28
- 442421
- 371C1A
- 2B1513
- 1F0E0C
- 140706
- 0A0303
- 030101
- 000000
Tons
- 623C38
- 66433F
- 694A47
- 6D524F
- 715A57
- 74615F
- 776967
- 7A706F
- 7D7878
Harmonies de couleurs
Complémentaire +180°
- 5E3430
Rampant Rhubarb
- 084A51
≈ Midnight Green
Analogue -30° +30°
- 5E3430
Rampant Rhubarb
- 5B3342
≈ Fig
- 5A381F
≈ Kuro Brown
Triadique +120° +240°
- 5E3430
Rampant Rhubarb
- 2B4A2D
≈ Order Green
- 324062
≈ Bay of Many
Complémentaire divisée +150° +210°
- 5E3430
Rampant Rhubarb
- 134C40
≈ Swedish Green
- 1C465E
≈ Dark Slate Blue
Tétradique +90° +180° +270°
- 5E3430
Rampant Rhubarb
- 40451D
≈ Alligator Gladiator
- 084A51
≈ Midnight Green
- 443A5E
≈ Mulberry Purple
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.44:1 · APCA Lc 94
Ag
FailSur noir
WCAG 2.00:1 · APCA Lc 9
Meilleure couleur de texte: #FFFFFF
WCAG 10.44:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--rampant-rhubarb: #5e3430;
--rampant-rhubarb-rgb: 94 52 48;
--rampant-rhubarb-oklch: oklch(0.377 0.061 26.2);
}
.element {
color: var(--rampant-rhubarb);
background-color: hsl(5 32% 28%);
border-color: oklch(0.377 0.061 26.2);
}Tailwind CSS v4
@theme {
--color-rampant-rhubarb: #5e3430;
--color-rampant-rhubarb-50: #ffefeb;
--color-rampant-rhubarb-100: #fce1dd;
--color-rampant-rhubarb-200: #eecbc6;
--color-rampant-rhubarb-300: #d5aca6;
--color-rampant-rhubarb-400: #c0918b;
--color-rampant-rhubarb-500: #ab7771;
--color-rampant-rhubarb-600: #916560;
--color-rampant-rhubarb-700: #74504c;
--color-rampant-rhubarb-800: #563a38;
--color-rampant-rhubarb-900: #3c2826;
--color-rampant-rhubarb-950: #261615;
}SCSS
$rampant-rhubarb: #5e3430;
$rampant-rhubarb-rgb: 94, 52, 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);
}