Colore con nome · #AA3311
Shakshuka
Shakshuka è #AA3311: rgb(170 51 17), hsl(13 82% 37%), oklch(0.496 0.161 35.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Shakshuka color name →
#AA3311
oklch(0.496 0.161 35.4)
Conversioni di colore
- HEX
- #aa3311
- RGB
- rgb(170 51 17)
- HSL
- hsl(13 82% 37%)
- HWB
- hwb(13 7% 33%)
- OKLCH
- oklch(0.496 0.161 35.4)
- OKLab
- oklab(0.496 0.131 0.093)
- CIE Lab
- lab(40.17 48.26 46.94)
- LCH
- lch(40.17 67.33 44.2)
- CMYK
- cmyk(0% 70% 90% 33%)
Tinte · Ombre · Toni
Tinte
- B54A2F
- BF6047
- C9745E
- D28874
- DB9C8B
- E3AFA1
- EBC3B8
- F2D7D0
- F9EBE7
Ombre
- 932B0D
- 7D2309
- 681C06
- 531404
- 3F0D02
- 2D0701
- 1B0300
- 0B0100
- 010000
Toni
- A73E23
- A44830
- A1503B
- 9E5846
- 9A6050
- 96675A
- 916D64
- 8C746D
- 867A77
Armonie di colore
Complementare +180°
- AA3311
Shakshuka
- 006E82
≈ Crystal Teal
Analogo -30° +30°
- AA3311
Shakshuka
- A72D55
≈ Primal Red
- 8C5300
≈ Plain Old Brown
Triadico +120° +240°
- AA3311
Shakshuka
- 007643
≈ Succulents
- 4C54BB
≈ Free Speech Blue
Complementare divisa +150° +210°
- AA3311
Shakshuka
- 007269
≈ Pharaoh’s Gem
- 0067A5
≈ Medium Persian Blue
Tetradico +90° +180° +270°
- AA3311
Shakshuka
- 516E00
≈ Over the Hills
- 006E82
≈ Crystal Teal
- 7943A9
≈ Shiner
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.58:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.19:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.58:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--shakshuka: #aa3311;
--shakshuka-rgb: 170 51 17;
--shakshuka-oklch: oklch(0.496 0.161 35.4);
}
.element {
color: var(--shakshuka);
background-color: hsl(13 82% 37%);
border-color: oklch(0.496 0.161 35.4);
}Tailwind CSS v4
@theme {
--color-shakshuka: #aa3311;
--color-shakshuka-50: #ffe6d5;
--color-shakshuka-100: #ffd6c2;
--color-shakshuka-200: #ffbca3;
--color-shakshuka-300: #fd997b;
--color-shakshuka-400: #ed7759;
--color-shakshuka-500: #db5431;
--color-shakshuka-600: #b9482b;
--color-shakshuka-700: #953a22;
--color-shakshuka-800: #6f2819;
--color-shakshuka-900: #4e1b10;
--color-shakshuka-950: #340a04;
}SCSS
$shakshuka: #aa3311;
$shakshuka-rgb: 170, 51, 17;
$shakshuka-light: mix(#fff, $shakshuka, 20%);
$shakshuka-dark: mix(#000, $shakshuka, 20%);
.element {
color: $shakshuka;
box-shadow: 0 0 0 2px rgba($shakshuka, 0.35);
}