Couleur nommée la plus proche · #8F6F48
#8F6F48
Couleur nommée la plus proche: Sneaky Sesame
#8F6F48 (rgb(143 111 72), hsl(33 33% 42%), oklch(0.564 0.068 71.2)) est la plus proche de la couleur nommée Sneaky Sesame. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8F6F48
oklch(0.564 0.068 71.2)
Conversions de couleur
- HEX
- #8f6f48
- RGB
- rgb(143 111 72)
- HSL
- hsl(33 33% 42%)
- HWB
- hwb(33 28% 44%)
- OKLCH
- oklch(0.564 0.068 71.2)
- OKLab
- oklab(0.564 0.022 0.064)
- CIE Lab
- lab(49.37 9.3 26.74)
- LCH
- lch(49.37 28.32 70.8)
- CMYK
- cmyk(0% 22% 50% 44%)
Teintes · Ombres · Tons
Teintes
- 9A7D5A
- A58A6B
- B0987D
- BBA78F
- C6B5A1
- D1C3B3
- DDD2C6
- E8E1D9
- F4F0EC
Ombres
- 7C603D
- 695133
- 574229
- 45341F
- 342716
- 241A0D
- 150E06
- 070402
- 010100
Tons
- 8E714E
- 8C7354
- 8B745A
- 897660
- 887865
- 867A6B
- 857B70
- 837D75
- 827E7B
Harmonies de couleurs
Complémentaire +180°
- 8F6F48
Sneaky Sesame
- 57799D
≈ Quiet Harbour
Analogue -30° +30°
- 8F6F48
Sneaky Sesame
- 986856
≈ Bucking Bronco
- 7E7747
≈ Peppered Moss
Triadique +120° +240°
- 8F6F48
Sneaky Sesame
- 40837F
≈ Emu Egg
- 836A93
≈ Ornate
Complémentaire divisée +150° +210°
- 8F6F48
Sneaky Sesame
- 447F92
≈ Aristocratic
- 6E719D
≈ Hyacinth Mauve
Tétradique +90° +180° +270°
- 8F6F48
Sneaky Sesame
- 508269
≈ Tournament Field
- 57799D
≈ Quiet Harbour
- 926681
≈ Milkwort Red
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.63:1 · APCA Lc 72
Ag
AASur noir
WCAG 4.53:1 · APCA Lc 30
Meilleure couleur de texte: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--sneaky-sesame: #8f6f48;
--sneaky-sesame-rgb: 143 111 72;
--sneaky-sesame-oklch: oklch(0.564 0.068 71.2);
}
.element {
color: var(--sneaky-sesame);
background-color: hsl(33 33% 42%);
border-color: oklch(0.564 0.068 71.2);
}Tailwind CSS v4
@theme {
--color-sneaky-sesame: #8f6f48;
--color-sneaky-sesame-50: #fff3e0;
--color-sneaky-sesame-100: #f6e5d0;
--color-sneaky-sesame-200: #e6d0b5;
--color-sneaky-sesame-300: #cdb391;
--color-sneaky-sesame-400: #b89872;
--color-sneaky-sesame-500: #a37f53;
--color-sneaky-sesame-600: #8a6b47;
--color-sneaky-sesame-700: #6e5638;
--color-sneaky-sesame-800: #523e28;
--color-sneaky-sesame-900: #392b1b;
--color-sneaky-sesame-950: #23180b;
}SCSS
$sneaky-sesame: #8f6f48;
$sneaky-sesame-rgb: 143, 111, 72;
$sneaky-sesame-light: mix(#fff, $sneaky-sesame, 20%);
$sneaky-sesame-dark: mix(#000, $sneaky-sesame, 20%);
.element {
color: $sneaky-sesame;
box-shadow: 0 0 0 2px rgba($sneaky-sesame, 0.35);
}