Colore con nome · #BB7766
Döner Kebab
Döner Kebab è #BB7766: rgb(187 119 102), hsl(12 38% 57%), oklch(0.637 0.09 34.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Döner Kebab color name →
#BB7766
oklch(0.637 0.09 34.7)
Conversioni di colore
- HEX
- #bb7766
- RGB
- rgb(187 119 102)
- HSL
- hsl(12 38% 57%)
- HWB
- hwb(12 40% 27%)
- OKLCH
- oklch(0.637 0.09 34.7)
- OKLab
- oklab(0.637 0.074 0.051)
- CIE Lab
- lab(57.16 25.98 21.05)
- LCH
- lch(57.16 33.43 39)
- CMYK
- cmyk(0% 36% 45% 27%)
Tinte · Ombre · Toni
Tinte
- C38475
- CA9283
- D19F92
- D8ACA1
- DFBAB0
- E6C8C0
- ECD5CF
- F3E3DF
- F9F1EF
Ombre
- A26758
- 8A574A
- 73473C
- 5C382F
- 462A23
- 321C17
- 1F100C
- 0D0504
- 020100
Toni
- B57869
- B0796C
- AA7B6E
- A57C71
- 9F7C74
- 997D76
- 937E79
- 8D7F7B
- 867F7E
Armonie di colore
Complementare +180°
- BB7766
Döner Kebab
- 3E99AD
≈ Alpine Lake
Analogo -30° +30°
- BB7766
Döner Kebab
- B97484
≈ Smell the Roses
- B1804E
≈ Caramel Sauce
Triadico +120° +240°
- BB7766
Döner Kebab
- 5C9B73
≈ Sea Cabbage
- 7B87C2
≈ Twilight Twinkle
Complementare divisa +150° +210°
- BB7766
Döner Kebab
- 3F9D92
≈ Dreamy Teal
- 5A91BE
≈ Cliff Blue
Tetradico +90° +180° +270°
- BB7766
Döner Kebab
- 7F9557
≈ Pretty Maiden
- 3E99AD
≈ Alpine Lake
- 987DB7
≈ Lavender Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.53:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.94:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.94:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--doner-kebab: #bb7766;
--doner-kebab-rgb: 187 119 102;
--doner-kebab-oklch: oklch(0.637 0.09 34.7);
}
.element {
color: var(--doner-kebab);
background-color: hsl(12 38% 57%);
border-color: oklch(0.637 0.09 34.7);
}Tailwind CSS v4
@theme {
--color-doner-kebab: #bb7766;
--color-doner-kebab-50: #ffede3;
--color-doner-kebab-100: #ffded3;
--color-doner-kebab-200: #f8c8ba;
--color-doner-kebab-300: #e1a897;
--color-doner-kebab-400: #ce8b7b;
--color-doner-kebab-500: #ba6f5d;
--color-doner-kebab-600: #9d5f4f;
--color-doner-kebab-700: #7e4c3f;
--color-doner-kebab-800: #5e362e;
--color-doner-kebab-900: #42251f;
--color-doner-kebab-950: #2a140f;
}SCSS
$doner-kebab: #bb7766;
$doner-kebab-rgb: 187, 119, 102;
$doner-kebab-light: mix(#fff, $doner-kebab, 20%);
$doner-kebab-dark: mix(#000, $doner-kebab, 20%);
.element {
color: $doner-kebab;
box-shadow: 0 0 0 2px rgba($doner-kebab, 0.35);
}