Colore con nome · #995E39
Toffee Crunch
Toffee Crunch è #995E39: rgb(153 94 57), hsl(23 46% 41%), oklch(0.54 0.093 51.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Toffee Crunch color name →
#995E39
oklch(0.54 0.093 51.7)
Conversioni di colore
- HEX
- #995e39
- RGB
- rgb(153 94 57)
- HSL
- hsl(23 46% 41%)
- HWB
- hwb(23 22% 40%)
- OKLCH
- oklch(0.54 0.093 51.7)
- OKLab
- oklab(0.54 0.058 0.073)
- CIE Lab
- lab(46.12 22.09 31.53)
- LCH
- lch(46.12 38.5 55)
- CMYK
- cmyk(0% 39% 63% 40%)
Tinte · Ombre · Toni
Tinte
- A46D4D
- AE7D60
- B98D73
- C39D86
- CDAD9A
- D7BDAD
- E1CDC1
- EBDDD6
- F5EEEA
Ombre
- 845130
- 704428
- 5D371F
- 4A2B17
- 381F10
- 271409
- 170A04
- 080301
- 010000
Toni
- 976241
- 956549
- 936950
- 916D57
- 8E705E
- 8C7365
- 89776C
- 867A73
- 837D79
Armonie di colore
Complementare +180°
- 995E39
Toffee Crunch
- 29789B
≈ Fun and Games
Analogo -30° +30°
- 995E39
Toffee Crunch
- 9E5756
≈ Walleye
- 8A6926
≈ Aged Antics
Triadico +120° +240°
- 995E39
Toffee Crunch
- 238068
≈ Tropical Green
- 7064A0
≈ Scampi
Complementare divisa +150° +210°
- 995E39
Toffee Crunch
- 007E85
≈ Go Alpha
- 506EA5
≈ Chesty Bond
Tetradico +90° +180° +270°
- 995E39
Toffee Crunch
- 4E7C49
≈ Melbourne
- 29789B
≈ Fun and Games
- 885C8F
≈ Ancient Murasaki Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.01:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--toffee-crunch: #995e39;
--toffee-crunch-rgb: 153 94 57;
--toffee-crunch-oklch: oklch(0.54 0.093 51.7);
}
.element {
color: var(--toffee-crunch);
background-color: hsl(23 46% 41%);
border-color: oklch(0.54 0.093 51.7);
}Tailwind CSS v4
@theme {
--color-toffee-crunch: #995e39;
--color-toffee-crunch-50: #ffefdd;
--color-toffee-crunch-100: #ffe0cc;
--color-toffee-crunch-200: #f5cab0;
--color-toffee-crunch-300: #deab8b;
--color-toffee-crunch-400: #cb8f6b;
--color-toffee-crunch-500: #b7734a;
--color-toffee-crunch-600: #9a623f;
--color-toffee-crunch-700: #7c4e32;
--color-toffee-crunch-800: #5c3824;
--color-toffee-crunch-900: #412718;
--color-toffee-crunch-950: #291509;
}SCSS
$toffee-crunch: #995e39;
$toffee-crunch-rgb: 153, 94, 57;
$toffee-crunch-light: mix(#fff, $toffee-crunch, 20%);
$toffee-crunch-dark: mix(#000, $toffee-crunch, 20%);
.element {
color: $toffee-crunch;
box-shadow: 0 0 0 2px rgba($toffee-crunch, 0.35);
}