En yakın adlandırılmış renk · #BA242A
#BA242A
En yakın adlandırılmış renk: Red Carpet
#BA242A (rgb(186 36 42), hsl(358 68% 44%), oklch(0.514 0.185 25.1)) en çok Red Carpet adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#BA242A
oklch(0.514 0.185 25.1)
Renk dönüşümleri
- HEX
- #ba242a
- RGB
- rgb(186 36 42)
- HSL
- hsl(358 68% 44%)
- HWB
- hwb(358 14% 27%)
- OKLCH
- oklch(0.514 0.185 25.1)
- OKLab
- oklab(0.514 0.168 0.078)
- CIE Lab
- lab(41.74 58.6 37.12)
- LCH
- lch(41.74 69.37 32.4)
- CMYK
- cmyk(0% 81% 77% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C44240
- CD5A54
- D67069
- DE857E
- E59992
- ECADA8
- F2C2BD
- F7D6D3
- FBEBE9
Koyu tonlar
- A11E23
- 89181C
- 721216
- 5C0C10
- 46070A
- 320405
- 1E0202
- 0D0001
- 020000
Gri tonlar
- B63434
- B2413E
- AD4B47
- A8554F
- A35D58
- 9D6560
- 976C68
- 907370
- 887A78
Renk uyumları
Tamamlayıcı +180°
- BA242A
Red Carpet
- 00757F
≈ Night Scape
Analog -30° +30°
- BA242A
Red Carpet
- B1246C
≈ Plastic Lips
- 9D4F00
≈ Burnt Bagel
Üçlü +120° +240°
- BA242A
Red Carpet
- 007D20
≈ Azure Radiance
- 315CCF
≈ Bnei Brak Bay
Bölünmüş tamamlayıcı +150° +210°
- BA242A
Red Carpet
- 007964
≈ Ultramarine Green
- 00709C
≈ Tofino Belue
Dörtlü +90° +180° +270°
- BA242A
Red Carpet
- 666E00
≈ Brownish Green
- 00757F
≈ Night Scape
- 7247C4
≈ Purple Rain
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.22:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.37:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--red-carpet: #ba242a;
--red-carpet-rgb: 186 36 42;
--red-carpet-oklch: oklch(0.514 0.185 25.1);
}
.element {
color: var(--red-carpet);
background-color: hsl(358 68% 44%);
border-color: oklch(0.514 0.185 25.1);
}Tailwind CSS v4
@theme {
--color-red-carpet: #ba242a;
--color-red-carpet-50: #ffe2d9;
--color-red-carpet-100: #ffd1c7;
--color-red-carpet-200: #ffb5a9;
--color-red-carpet-300: #ff8f83;
--color-red-carpet-400: #f86a64;
--color-red-carpet-500: #e74042;
--color-red-carpet-600: #c33838;
--color-red-carpet-700: #9d2d2d;
--color-red-carpet-800: #751f22;
--color-red-carpet-900: #531416;
--color-red-carpet-950: #370508;
}SCSS
$red-carpet: #ba242a;
$red-carpet-rgb: 186, 36, 42;
$red-carpet-light: mix(#fff, $red-carpet, 20%);
$red-carpet-dark: mix(#000, $red-carpet, 20%);
.element {
color: $red-carpet;
box-shadow: 0 0 0 2px rgba($red-carpet, 0.35);
}