Colore con nome · #9B6D54
Tasty Toffee
Tasty Toffee è #9B6D54: rgb(155 109 84), hsl(21 30% 47%), oklch(0.576 0.069 49.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Tasty Toffee color name →
#9B6D54
oklch(0.576 0.069 49.4)
Conversioni di colore
- HEX
- #9b6d54
- RGB
- rgb(155 109 84)
- HSL
- hsl(21 30% 47%)
- HWB
- hwb(21 33% 39%)
- OKLCH
- oklch(0.576 0.069 49.4)
- OKLab
- oklab(0.576 0.045 0.053)
- CIE Lab
- lab(50.44 16.56 21.65)
- LCH
- lch(50.44 27.26 52.6)
- CMYK
- cmyk(0% 30% 46% 39%)
Tinte · Ombre · Toni
Tinte
- A57B64
- AF8974
- B99785
- C3A596
- CDB4A7
- D7C3B8
- E1D2C9
- EBE1DB
- F5F0ED
Ombre
- 865E48
- 724F3C
- 5E4131
- 4B3326
- 39261B
- 281911
- 180D08
- 090402
- 010100
Toni
- 996F59
- 96715D
- 947362
- 917566
- 8E776B
- 8C796F
- 897B73
- 867D78
- 837E7C
Armonie di colore
Complementare +180°
- 9B6D54
Tasty Toffee
- 4B819A
≈ Dirty Blue
Analogo -30° +30°
- 9B6D54
Tasty Toffee
- 9E6868
≈ Withered Rose
- 8F7548
≈ September Gold
Triadico +120° +240°
- 9B6D54
Tasty Toffee
- 4C8772
≈ Think Leaf
- 7872A0
≈ Queen’s
Complementare divisa +150° +210°
- 9B6D54
Tasty Toffee
- 418689
≈ Sea Caller
- 617AA2
≈ Miracle Elixir
Tetradico +90° +180° +270°
- 9B6D54
Tasty Toffee
- 64835C
≈ Tuscan Herbs
- 4B819A
≈ Dirty Blue
- 8B6C93
≈ Rhinestone
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.45:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.70:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.70:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--tasty-toffee: #9b6d54;
--tasty-toffee-rgb: 155 109 84;
--tasty-toffee-oklch: oklch(0.576 0.069 49.4);
}
.element {
color: var(--tasty-toffee);
background-color: hsl(21 30% 47%);
border-color: oklch(0.576 0.069 49.4);
}Tailwind CSS v4
@theme {
--color-tasty-toffee: #9b6d54;
--color-tasty-toffee-50: #fff0e4;
--color-tasty-toffee-100: #fce2d3;
--color-tasty-toffee-200: #eecdba;
--color-tasty-toffee-300: #d5ae98;
--color-tasty-toffee-400: #c1937a;
--color-tasty-toffee-500: #ac795c;
--color-tasty-toffee-600: #91664f;
--color-tasty-toffee-700: #75523f;
--color-tasty-toffee-800: #563b2d;
--color-tasty-toffee-900: #3c281f;
--color-tasty-toffee-950: #26160e;
}SCSS
$tasty-toffee: #9b6d54;
$tasty-toffee-rgb: 155, 109, 84;
$tasty-toffee-light: mix(#fff, $tasty-toffee, 20%);
$tasty-toffee-dark: mix(#000, $tasty-toffee, 20%);
.element {
color: $tasty-toffee;
box-shadow: 0 0 0 2px rgba($tasty-toffee, 0.35);
}