Colore con nome · #AC0C20
Gaharā Lāl
Gaharā Lāl è #AC0C20: rgb(172 12 32), hsl(353 87% 36%), oklch(0.473 0.186 24.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Gaharā Lāl color name →
#AC0C20
oklch(0.473 0.186 24.2)
Conversioni di colore
- HEX
- #ac0c20
- RGB
- rgb(172 12 32)
- HSL
- hsl(353 87% 36%)
- HWB
- hwb(353 5% 33%)
- OKLCH
- oklch(0.473 0.186 24.2)
- OKLab
- oklab(0.473 0.17 0.076)
- CIE Lab
- lab(36.99 59.15 37.16)
- LCH
- lch(36.99 69.85 32.1)
- CMYK
- cmyk(0% 93% 81% 33%)
Tinte · Ombre · Toni
Tinte
- B83537
- C24F4D
- CC6762
- D67D77
- DE938D
- E6A8A3
- EEBEB9
- F4D3D0
- FAE9E7
Ombre
- 95091A
- 7F0615
- 69040F
- 54030A
- 400206
- 2D0103
- 1B0001
- 0B0000
- 010000
Toni
- AA262C
- A73636
- A44240
- A04D49
- 9D5753
- 98605C
- 936865
- 8E716E
- 877877
Armonie di colore
Complementare +180°
- AC0C20
Gaharā Lāl
- 006971
≈ Kingfisher Bright
Analogo -30° +30°
- AC0C20
Gaharā Lāl
- A31062
≈ Banafsaji Purple
- 8D4500
≈ Otterly Brown
Triadico +120° +240°
- AC0C20
Gaharā Lāl
- 007015
≈ Bogey Green
- 2350C2
≈ New Car
Complementare divisa +150° +210°
- AC0C20
Gaharā Lāl
- 006C58
≈ Chrysocolla Medium Green
- 00648B
≈ Reservoir
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.42:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.82:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.42:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--gahara-lal: #ac0c20;
--gahara-lal-rgb: 172 12 32;
--gahara-lal-oklch: oklch(0.473 0.186 24.2);
}
.element {
color: var(--gahara-lal);
background-color: hsl(353 87% 36%);
border-color: oklch(0.473 0.186 24.2);
}Tailwind CSS v4
@theme {
--color-gahara-lal: #ac0c20;
--color-gahara-lal-50: #ffe1d9;
--color-gahara-lal-100: #ffd0c7;
--color-gahara-lal-200: #ffb5aa;
--color-gahara-lal-300: #ff8f84;
--color-gahara-lal-400: #f96a66;
--color-gahara-lal-500: #e73f44;
--color-gahara-lal-600: #c3383a;
--color-gahara-lal-700: #9d2d2e;
--color-gahara-lal-800: #751e23;
--color-gahara-lal-900: #531417;
--color-gahara-lal-950: #370408;
}SCSS
$gahara-lal: #ac0c20;
$gahara-lal-rgb: 172, 12, 32;
$gahara-lal-light: mix(#fff, $gahara-lal, 20%);
$gahara-lal-dark: mix(#000, $gahara-lal, 20%);
.element {
color: $gahara-lal;
box-shadow: 0 0 0 2px rgba($gahara-lal, 0.35);
}