Adlandırılmış renk · #A8102A
Hong Kong Taxi
Hong Kong Taxi, #A8102A: rgb(168 16 42), hsl(350 83% 36%), oklch(0.468 0.18 21). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Hong Kong Taxi color name →
#A8102A
oklch(0.468 0.18 21)
Renk dönüşümleri
- HEX
- #a8102a
- RGB
- rgb(168 16 42)
- HSL
- hsl(350 83% 36%)
- HWB
- hwb(350 6% 34%)
- OKLCH
- oklch(0.468 0.18 21)
- OKLab
- oklab(0.468 0.168 0.065)
- CIE Lab
- lab(36.41 57.74 30.18)
- LCH
- lch(36.41 65.15 27.6)
- CMYK
- cmyk(0% 90% 75% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B4353E
- BF4F53
- C96667
- D37C7B
- DC9290
- E5A8A6
- ECBDBC
- F3D3D2
- F9E9E8
Koyu tonlar
- 920C23
- 7C091C
- 670616
- 520410
- 3F020A
- 2C0105
- 1A0002
- 0A0001
- 010000
Gri tonlar
- A62733
- A4363C
- A14245
- 9E4D4E
- 9A5756
- 96605E
- 926867
- 8D706F
- 877878
Renk uyumları
Tamamlayıcı +180°
- A8102A
Hong Kong Taxi
- 00676D
≈ Tahitian Treat
Analog -30° +30°
- A8102A
Hong Kong Taxi
- 9D1666
≈ Morbid Princess
- 8E4100
≈ Korichnewyi Brown
Üçlü +120° +240°
- A8102A
Hong Kong Taxi
- 166E00
≈ Leafy Lush
- 1451BD
≈ Mourning Blue
Bölünmüş tamamlayıcı +150° +210°
- A8102A
Hong Kong Taxi
- 006B53
≈ Poster Green
- 006385
≈ Blue Heist
Dörtlü +90° +180° +270°
- A8102A
Hong Kong Taxi
- 5D5F00
≈ Kirchner Green
- 00676D
≈ Tahitian Treat
- 5F3DB5
≈ Swiss Plum
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.57:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.77:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.57:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--hong-kong-taxi: #a8102a;
--hong-kong-taxi-rgb: 168 16 42;
--hong-kong-taxi-oklch: oklch(0.468 0.18 21);
}
.element {
color: var(--hong-kong-taxi);
background-color: hsl(350 83% 36%);
border-color: oklch(0.468 0.18 21);
}Tailwind CSS v4
@theme {
--color-hong-kong-taxi: #a8102a;
--color-hong-kong-taxi-50: #ffe2dd;
--color-hong-kong-taxi-100: #ffd1cc;
--color-hong-kong-taxi-200: #ffb5b0;
--color-hong-kong-taxi-300: #ff908b;
--color-hong-kong-taxi-400: #f66b6f;
--color-hong-kong-taxi-500: #e5424f;
--color-hong-kong-taxi-600: #c13a44;
--color-hong-kong-taxi-700: #9b2e36;
--color-hong-kong-taxi-800: #742028;
--color-hong-kong-taxi-900: #52151b;
--color-hong-kong-taxi-950: #36050c;
}SCSS
$hong-kong-taxi: #a8102a;
$hong-kong-taxi-rgb: 168, 16, 42;
$hong-kong-taxi-light: mix(#fff, $hong-kong-taxi, 20%);
$hong-kong-taxi-dark: mix(#000, $hong-kong-taxi, 20%);
.element {
color: $hong-kong-taxi;
box-shadow: 0 0 0 2px rgba($hong-kong-taxi, 0.35);
}