Couleur nommée · #8E5151
Apple Butter
Apple Butter correspond à #8E5151 : rgb(142 81 81), hsl(0 27% 44%), oklch(0.506 0.082 20.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Apple Butter color name →
#8E5151
oklch(0.506 0.082 20.3)
Conversions de couleur
- HEX
- #8e5151
- RGB
- rgb(142 81 81)
- HSL
- hsl(0 27% 44%)
- HWB
- hwb(0 32% 44%)
- OKLCH
- oklch(0.506 0.082 20.3)
- OKLab
- oklab(0.506 0.077 0.028)
- CIE Lab
- lab(41.87 26.12 11.68)
- LCH
- lch(41.87 28.62 24.1)
- CMYK
- cmyk(0% 43% 43% 44%)
Teintes · Ombres · Tons
Teintes
- 9A6161
- A67271
- B18382
- BD9493
- C8A5A4
- D3B7B6
- DEC8C8
- E9DADA
- F4EDEC
Ombres
- 7B4545
- 683A3A
- 562F2F
- 442424
- 341A1A
- 241010
- 150707
- 070202
- 010000
Tons
- 8D5656
- 8C5B5A
- 8B605F
- 8A6564
- 896968
- 886E6D
- 867272
- 847776
- 827C7B
Harmonies de couleurs
Complémentaire +180°
- 8E5151
Apple Butter
- 117378
≈ Scurf Green
Analogue -30° +30°
- 8E5151
Apple Butter
- 88516B
≈ Raspberry Crush
- 8A5638
≈ Burnt Crust
Triadique +120° +240°
- 8E5151
Apple Butter
- 4B7143
≈ Artichoke Green
- 496594
≈ Dutch Blue
Complémentaire divisée +150° +210°
- 8E5151
Apple Butter
- 29745E
≈ Nordic Forest
- 296D8B
≈ Faience
Tétradique +90° +180° +270°
- 8E5151
Apple Butter
- 68692D
≈ Safari Green
- 117378
≈ Scurf Green
- 655C91
≈ Colossus
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.09:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.44:1 · APCA Lc 22
Meilleure couleur de texte: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--apple-butter: #8e5151;
--apple-butter-rgb: 142 81 81;
--apple-butter-oklch: oklch(0.506 0.082 20.3);
}
.element {
color: var(--apple-butter);
background-color: hsl(0 27% 44%);
border-color: oklch(0.506 0.082 20.3);
}Tailwind CSS v4
@theme {
--color-apple-butter: #8e5151;
--color-apple-butter-50: #ffedea;
--color-apple-butter-100: #ffdedb;
--color-apple-butter-200: #f6c7c4;
--color-apple-butter-300: #dfa7a4;
--color-apple-butter-400: #cb8b8a;
--color-apple-butter-500: #b6706f;
--color-apple-butter-600: #9a5f5e;
--color-apple-butter-700: #7c4c4b;
--color-apple-butter-800: #5c3637;
--color-apple-butter-900: #402526;
--color-apple-butter-950: #291414;
}SCSS
$apple-butter: #8e5151;
$apple-butter-rgb: 142, 81, 81;
$apple-butter-light: mix(#fff, $apple-butter, 20%);
$apple-butter-dark: mix(#000, $apple-butter, 20%);
.element {
color: $apple-butter;
box-shadow: 0 0 0 2px rgba($apple-butter, 0.35);
}