Colore con nome · #AA7711
Falafel
Falafel è #AA7711: rgb(170 119 17), hsl(40 82% 37%), oklch(0.606 0.122 77.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Falafel color name →
#AA7711
oklch(0.606 0.122 77.5)
Conversioni di colore
- HEX
- #aa7711
- RGB
- rgb(170 119 17)
- HSL
- hsl(40 82% 37%)
- HWB
- hwb(40 7% 33%)
- OKLCH
- oklch(0.606 0.122 77.5)
- OKLab
- oklab(0.606 0.026 0.119)
- CIE Lab
- lab(54.24 14.84 56.74)
- LCH
- lch(54.24 58.64 75.3)
- CMYK
- cmyk(0% 30% 90% 33%)
Tinte · Ombre · Toni
Tinte
- B38436
- BB9250
- C49F67
- CCAD7D
- D5BA93
- DDC8A8
- E6D6BE
- EEE3D3
- F7F1E9
Ombre
- 93670D
- 7D5709
- 684706
- 533804
- 3F2A02
- 2D1C01
- 1B1000
- 0B0500
- 010100
Toni
- A67828
- A27A37
- 9E7B43
- 9A7C4E
- 967D57
- 917E60
- 8D7E68
- 897F71
- 848078
Armonie di colore
Complementare +180°
- AA7711
Falafel
- 5183CA
≈ Astro Nautico
Analogo -30° +30°
- AA7711
Falafel
- BC693C
≈ Spiced Nut
- 8A871A
≈ Fickle Pickle
Triadico +120° +240°
- AA7711
Falafel
- 009498
≈ Peacock Feather
- A069B2
≈ Soft Purple
Complementare divisa +150° +210°
- AA7711
Falafel
- 008FB9
≈ Hawaiian Ocean
- 7E75C7
≈ Kickstart Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.92:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.35:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.35:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--falafel: #aa7711;
--falafel-rgb: 170 119 17;
--falafel-oklch: oklch(0.606 0.122 77.5);
}
.element {
color: var(--falafel);
background-color: hsl(40 82% 37%);
border-color: oklch(0.606 0.122 77.5);
}Tailwind CSS v4
@theme {
--color-falafel: #aa7711;
--color-falafel-50: #fff2cf;
--color-falafel-100: #fee4ba;
--color-falafel-200: #f0cf99;
--color-falafel-300: #d9b06d;
--color-falafel-400: #c69441;
--color-falafel-500: #b27a00;
--color-falafel-600: #976700;
--color-falafel-700: #795201;
--color-falafel-800: #5a3b01;
--color-falafel-900: #3f2902;
--color-falafel-950: #281600;
}SCSS
$falafel: #aa7711;
$falafel-rgb: 170, 119, 17;
$falafel-light: mix(#fff, $falafel, 20%);
$falafel-dark: mix(#000, $falafel, 20%);
.element {
color: $falafel;
box-shadow: 0 0 0 2px rgba($falafel, 0.35);
}