Colore con nome · #AC1E3A
Chilli Pepper
Chilli Pepper è #AC1E3A: rgb(172 30 58), hsl(348 70% 40%), oklch(0.486 0.175 16.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Chilli Pepper color name →
#AC1E3A
oklch(0.486 0.175 16.9)
Conversioni di colore
- HEX
- #ac1e3a
- RGB
- rgb(172 30 58)
- HSL
- hsl(348 70% 40%)
- HWB
- hwb(348 12% 33%)
- OKLCH
- oklch(0.486 0.175 16.9)
- OKLab
- oklab(0.486 0.168 0.051)
- CIE Lab
- lab(38.49 56.56 22.76)
- LCH
- lch(38.49 60.96 21.9)
- CMYK
- cmyk(0% 83% 66% 33%)
Tinte · Ombre · Toni
Tinte
- B73D4C
- C2555F
- CC6B71
- D58085
- DE9598
- E6AAAC
- EDBFC0
- F4D4D5
- FAEAEA
Ombre
- 951931
- 7F1328
- 690E20
- 540918
- 400510
- 2D0309
- 1B0104
- 0B0001
- 010000
Toni
- A92F41
- A73C48
- A3474F
- A05156
- 9C5A5D
- 986264
- 936A6B
- 8D7172
- 877979
Armonie di colore
Complementare +180°
- AC1E3A
Chilli Pepper
- 006D6F
≈ Byzantine Blue
Analogo -30° +30°
- AC1E3A
Chilli Pepper
- 9F2472
≈ Amaranth Deep Purple
- 9A4100
≈ Roux
Triadico +120° +240°
- AC1E3A
Chilli Pepper
- 317100
≈ Battle Cat
- 005BBD
≈ London Rain
Complementare divisa +150° +210°
- AC1E3A
Chilli Pepper
- 007153
≈ Lush Meadow
- 006988
≈ Ansel
Tetradico +90° +180° +270°
- AC1E3A
Chilli Pepper
- 676300
≈ Earthy Khaki Green
- 006D6F
≈ Byzantine Blue
- 5D46BB
≈ Swiss Plum
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.99:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.00:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.99:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--chilli-pepper: #ac1e3a;
--chilli-pepper-rgb: 172 30 58;
--chilli-pepper-oklch: oklch(0.486 0.175 16.9);
}
.element {
color: var(--chilli-pepper);
background-color: hsl(348 70% 40%);
border-color: oklch(0.486 0.175 16.9);
}Tailwind CSS v4
@theme {
--color-chilli-pepper: #ac1e3a;
--color-chilli-pepper-50: #ffe2e1;
--color-chilli-pepper-100: #ffd1d1;
--color-chilli-pepper-200: #ffb6b7;
--color-chilli-pepper-300: #ff9094;
--color-chilli-pepper-400: #f46c79;
--color-chilli-pepper-500: #e2455b;
--color-chilli-pepper-600: #bf3c4e;
--color-chilli-pepper-700: #9a303e;
--color-chilli-pepper-800: #72212e;
--color-chilli-pepper-900: #51161f;
--color-chilli-pepper-950: #35060f;
}SCSS
$chilli-pepper: #ac1e3a;
$chilli-pepper-rgb: 172, 30, 58;
$chilli-pepper-light: mix(#fff, $chilli-pepper, 20%);
$chilli-pepper-dark: mix(#000, $chilli-pepper, 20%);
.element {
color: $chilli-pepper;
box-shadow: 0 0 0 2px rgba($chilli-pepper, 0.35);
}