Couleur nommée la plus proche · #B7745E
#B7745E
Couleur nommée la plus proche: Spiced
#B7745E (rgb(183 116 94), hsl(15 38% 54%), oklch(0.625 0.091 38.9)) est la plus proche de la couleur nommée Spiced. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B7745E
oklch(0.625 0.091 38.9)
Conversions de couleur
- HEX
- #b7745e
- RGB
- rgb(183 116 94)
- HSL
- hsl(15 38% 54%)
- HWB
- hwb(15 37% 28%)
- OKLCH
- oklch(0.625 0.091 38.9)
- OKLab
- oklab(0.625 0.071 0.057)
- CIE Lab
- lab(55.82 25.33 23.72)
- LCH
- lch(55.82 34.7 43.1)
- CMYK
- cmyk(0% 37% 49% 28%)
Teintes · Ombres · Tons
Teintes
- BF826D
- C78F7D
- CE9D8D
- D6AB9C
- DDB8AC
- E4C6BD
- EBD4CD
- F2E2DD
- F8F1EE
Ombres
- 9F6451
- 875444
- 704537
- 5A372B
- 45291F
- 311B14
- 1E0F0A
- 0C0503
- 020100
Tons
- B27662
- AD7765
- A87869
- A27A6C
- 9D7B70
- 977C73
- 927D77
- 8C7E7A
- 867F7D
Harmonies de couleurs
Complémentaire +180°
- B7745E
Spiced
- 3B95AD
≈ Enchanted Well
Analogue -30° +30°
- B7745E
Spiced
- B7707C
≈ Rose Gold
- AC7D47
≈ Mediaeval Gold
Triadique +120° +240°
- B7745E
Spiced
- 539973
≈ Fake Fern
- 7C82BE
≈ Deep Periwinkle
Complémentaire divisée +150° +210°
- B7745E
Spiced
- 369993
≈ Sea
- 5A8CBC
≈ Cliff Blue
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.70:1 · APCA Lc 64
Ag
AASur noir
WCAG 5.67:1 · APCA Lc 37
Meilleure couleur de texte: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
Extraits de code
CSS
:root {
--spiced: #b7745e;
--spiced-rgb: 183 116 94;
--spiced-oklch: oklch(0.625 0.091 38.9);
}
.element {
color: var(--spiced);
background-color: hsl(15 38% 54%);
border-color: oklch(0.625 0.091 38.9);
}Tailwind CSS v4
@theme {
--color-spiced: #b7745e;
--color-spiced-50: #ffede2;
--color-spiced-100: #ffdfd1;
--color-spiced-200: #f8c8b7;
--color-spiced-300: #e1a894;
--color-spiced-400: #cd8c76;
--color-spiced-500: #ba7058;
--color-spiced-600: #9d5f4b;
--color-spiced-700: #7e4c3c;
--color-spiced-800: #5e372b;
--color-spiced-900: #42251d;
--color-spiced-950: #2a140d;
}SCSS
$spiced: #b7745e;
$spiced-rgb: 183, 116, 94;
$spiced-light: mix(#fff, $spiced, 20%);
$spiced-dark: mix(#000, $spiced, 20%);
.element {
color: $spiced;
box-shadow: 0 0 0 2px rgba($spiced, 0.35);
}