Colore con nome · #BF9E77
Almond Toast
Almond Toast è #BF9E77: rgb(191 158 119), hsl(33 36% 61%), oklch(0.72 0.066 71.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Almond Toast color name →
#BF9E77
oklch(0.72 0.066 71.1)
Conversioni di colore
- HEX
- #bf9e77
- RGB
- rgb(191 158 119)
- HSL
- hsl(33 36% 61%)
- HWB
- hwb(33 47% 25%)
- OKLCH
- oklch(0.72 0.066 71.1)
- OKLab
- oklab(0.72 0.021 0.062)
- CIE Lab
- lab(67.44 8.59 25.24)
- LCH
- lch(67.44 26.66 71.2)
- CMYK
- cmyk(0% 17% 38% 25%)
Tinte · Ombre · Toni
Tinte
- C5A784
- CCB192
- D2BB9F
- D9C4AD
- DFCEBA
- E5D8C8
- ECE1D5
- F2EBE3
- F9F5F1
Ombre
- A68967
- 8D7457
- 756047
- 5E4D38
- 483A2A
- 33291C
- 1F1810
- 0D0905
- 020101
Toni
- B99B78
- B2987A
- AC957B
- A6927C
- 9F8F7D
- 998C7D
- 93897E
- 8C867F
- 86837F
Armonie di colore
Complementare +180°
- BF9E77
Almond Toast
- 86A8CD
≈ Windfall
Analogo -30° +30°
- BF9E77
Almond Toast
- C99785
≈ Café Crème
- ADA676
≈ Windy Meadow
Triadico +120° +240°
- BF9E77
Almond Toast
- 72B2AE
≈ Aurora Teal
- B299C3
≈ Atlantic Tulip
Complementare divisa +150° +210°
- BF9E77
Almond Toast
- 75AEC2
≈ Blue Eye Samurai
- 9DA0CE
≈ Indigo Child
Tetradico +90° +180° +270°
- BF9E77
Almond Toast
- 7FB297
≈ Padua
- 86A8CD
≈ Windfall
- C295B1
≈ Mauve Magic
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.37:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--almond-toast: #bf9e77;
--almond-toast-rgb: 191 158 119;
--almond-toast-oklch: oklch(0.72 0.066 71.1);
}
.element {
color: var(--almond-toast);
background-color: hsl(33 36% 61%);
border-color: oklch(0.72 0.066 71.1);
}Tailwind CSS v4
@theme {
--color-almond-toast: #bf9e77;
--color-almond-toast-50: #fff3e1;
--color-almond-toast-100: #f6e5d0;
--color-almond-toast-200: #e6d1b6;
--color-almond-toast-300: #ccb393;
--color-almond-toast-400: #b79874;
--color-almond-toast-500: #a27f55;
--color-almond-toast-600: #896c48;
--color-almond-toast-700: #6e5639;
--color-almond-toast-800: #513e29;
--color-almond-toast-900: #392b1b;
--color-almond-toast-950: #23180c;
}SCSS
$almond-toast: #bf9e77;
$almond-toast-rgb: 191, 158, 119;
$almond-toast-light: mix(#fff, $almond-toast, 20%);
$almond-toast-dark: mix(#000, $almond-toast, 20%);
.element {
color: $almond-toast;
box-shadow: 0 0 0 2px rgba($almond-toast, 0.35);
}