Nazwany kolor · #B71E1E
Fiery Garnet
Fiery Garnet to #B71E1E: rgb(183 30 30), hsl(0 72% 42%), oklch(0.503 0.187 27.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Fiery Garnet color name →
#B71E1E
oklch(0.503 0.187 27.3)
Konwersje koloru
- HEX
- #b71e1e
- RGB
- rgb(183 30 30)
- HSL
- hsl(0 72% 42%)
- HWB
- hwb(0 12% 28%)
- OKLCH
- oklch(0.503 0.187 27.3)
- OKLab
- oklab(0.503 0.166 0.086)
- CIE Lab
- lab(40.48 58.95 42.42)
- LCH
- lch(40.48 72.62 35.7)
- CMYK
- cmyk(0% 84% 84% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C13E37
- CB574D
- D46D63
- DC8378
- E4978E
- EBACA4
- F1C1BA
- F6D5D1
- FBEAE8
Odcienie ciemniejsze
- 9F1919
- 871313
- 700E0E
- 5A0909
- 450505
- 310303
- 1E0101
- 0C0000
- 020000
Tony
- B3302B
- AF3E36
- AB4940
- A7534A
- A25B53
- 9C645D
- 966B66
- 90726E
- 887977
Harmonie kolorów
Komplementarna +180°
- B71E1E
Fiery Garnet
- 00717D
≈ Iridescent Peacock
Analogowa -30° +30°
- B71E1E
Fiery Garnet
- AF1D65
≈ Plastic Lips
- 964F00
≈ Warm Brown
Triada +120° +240°
- B71E1E
Fiery Garnet
- 00792B
≈ La Salle Green
- 3556CD
≈ Gorgonzola Blue
Komplementarna rozszczepiona +150° +210°
- B71E1E
Fiery Garnet
- 007563
≈ Teal Waters
- 006C9B
≈ Disarm
Tetrada +90° +180° +270°
- B71E1E
Fiery Garnet
- 606C00
≈ Brownish Green
- 00717D
≈ Iridescent Peacock
- 7341BF
≈ Purple Rain
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.52:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.21:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--fiery-garnet: #b71e1e;
--fiery-garnet-rgb: 183 30 30;
--fiery-garnet-oklch: oklch(0.503 0.187 27.3);
}
.element {
color: var(--fiery-garnet);
background-color: hsl(0 72% 42%);
border-color: oklch(0.503 0.187 27.3);
}Tailwind CSS v4
@theme {
--color-fiery-garnet: #b71e1e;
--color-fiery-garnet-50: #ffe2d6;
--color-fiery-garnet-100: #ffd1c4;
--color-fiery-garnet-200: #ffb5a5;
--color-fiery-garnet-300: #ff8f7e;
--color-fiery-garnet-400: #f96a5e;
--color-fiery-garnet-500: #e84039;
--color-fiery-garnet-600: #c43832;
--color-fiery-garnet-700: #9e2d27;
--color-fiery-garnet-800: #761e1e;
--color-fiery-garnet-900: #531414;
--color-fiery-garnet-950: #370406;
}SCSS
$fiery-garnet: #b71e1e;
$fiery-garnet-rgb: 183, 30, 30;
$fiery-garnet-light: mix(#fff, $fiery-garnet, 20%);
$fiery-garnet-dark: mix(#000, $fiery-garnet, 20%);
.element {
color: $fiery-garnet;
box-shadow: 0 0 0 2px rgba($fiery-garnet, 0.35);
}