Colore con nome più vicino · #B89564
#B89564
Colore con nome più vicino: Tiger
#B89564 (rgb(184 149 100), hsl(35 37% 56%), oklch(0.691 0.078 75.2)) è più vicino al colore con nome Tiger. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#B89564
oklch(0.691 0.078 75.2)
Conversioni di colore
- HEX
- #b89564
- RGB
- rgb(184 149 100)
- HSL
- hsl(35 37% 56%)
- HWB
- hwb(35 39% 28%)
- OKLCH
- oklch(0.691 0.078 75.2)
- OKLab
- oklab(0.691 0.02 0.075)
- CIE Lab
- lab(64.15 8.81 31.04)
- LCH
- lch(64.15 32.27 74.2)
- CMYK
- cmyk(0% 19% 46% 28%)
Tinte · Ombre · Toni
Tinte
- BF9F73
- C6AA83
- CDB492
- D4BFA1
- DCC9B1
- E3D4C0
- EADFD0
- F1E9DF
- F8F4EF
Ombre
- A08156
- 886D48
- 715A3B
- 5B482E
- 453722
- 312616
- 1E160B
- 0C0803
- 020100
Toni
- B29368
- AD916B
- A78F6E
- A28D71
- 9C8B74
- 968976
- 918779
- 8B847B
- 86827E
Armonie di colore
Complementare +180°
- B89564
Tiger
- 7B9ECC
≈ Della Robbia Blue
Analogo -30° +30°
- B89564
Tiger
- C58D73
≈ Baker’s Dream
- A29F65
≈ Acacia Tree
Triadico +120° +240°
- B89564
Tiger
- 5CABAB
≈ Emerald Succulent
- AE8DBD
≈ East Side
Complementare divisa +150° +210°
- B89564
Tiger
- 63A6C0
≈ Air Blue
- 9695CA
≈ Litmus
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.52:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--tiger: #b89564;
--tiger-rgb: 184 149 100;
--tiger-oklch: oklch(0.691 0.078 75.2);
}
.element {
color: var(--tiger);
background-color: hsl(35 37% 56%);
border-color: oklch(0.691 0.078 75.2);
}Tailwind CSS v4
@theme {
--color-tiger: #b89564;
--color-tiger-50: #fff3dd;
--color-tiger-100: #f7e5cc;
--color-tiger-200: #e7d1b0;
--color-tiger-300: #ceb38b;
--color-tiger-400: #ba986a;
--color-tiger-500: #a47f48;
--color-tiger-600: #8b6b3e;
--color-tiger-700: #6f5631;
--color-tiger-800: #533e23;
--color-tiger-900: #3a2b17;
--color-tiger-950: #241808;
}SCSS
$tiger: #b89564;
$tiger-rgb: 184, 149, 100;
$tiger-light: mix(#fff, $tiger, 20%);
$tiger-dark: mix(#000, $tiger, 20%);
.element {
color: $tiger;
box-shadow: 0 0 0 2px rgba($tiger, 0.35);
}