Adlandırılmış renk · #AC0C20
Gaharā Lāl
Gaharā Lāl, #AC0C20: rgb(172 12 32), hsl(353 87% 36%), oklch(0.473 0.186 24.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Gaharā Lāl color name →
#AC0C20
oklch(0.473 0.186 24.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B83537
- C24F4D
- CC6762
- D67D77
- DE938D
- E6A8A3
- EEBEB9
- F4D3D0
- FAE9E7
Koyu tonlar
- 95091A
- 7F0615
- 69040F
- 54030A
- 400206
- 2D0103
- 1B0001
- 0B0000
- 010000
Gri tonlar
- AA262C
- A73636
- A44240
- A04D49
- 9D5753
- 98605C
- 936865
- 8E716E
- 877877
Renk uyumları
Tamamlayıcı +180°
- AC0C20
Gaharā Lāl
- 006971
≈ Kingfisher Bright
Analog -30° +30°
- AC0C20
Gaharā Lāl
- A31062
≈ Banafsaji Purple
- 8D4500
≈ Otterly Brown
Üçlü +120° +240°
- AC0C20
Gaharā Lāl
- 007015
≈ Bogey Green
- 2350C2
≈ New Car
Bölünmüş tamamlayıcı +150° +210°
- AC0C20
Gaharā Lāl
- 006C58
≈ Chrysocolla Medium Green
- 00648B
≈ Reservoir
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.42:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.82:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.42:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
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);
}