Benannte Farbe · #BC4D39
Glowing Coals
Glowing Coals ist #BC4D39: rgb(188 77 57), hsl(9 53% 48%), oklch(0.563 0.148 32.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Glowing Coals color name →
#BC4D39
oklch(0.563 0.148 32.2)
Farbumrechnungen
- HEX
- #bc4d39
- RGB
- rgb(188 77 57)
- HSL
- hsl(9 53% 48%)
- HWB
- hwb(9 22% 26%)
- OKLCH
- oklch(0.563 0.148 32.2)
- OKLab
- oklab(0.563 0.125 0.079)
- CIE Lab
- lab(47.95 44.74 35.31)
- LCH
- lch(47.95 57 38.3)
- CMYK
- cmyk(0% 59% 70% 26%)
Tints · Shades · Tones
Tints
- C5604D
- CD7260
- D58474
- DC9587
- E3A79A
- EAB8AE
- F0CAC2
- F5DCD6
- FAEDEA
Shades
- A34230
- 8B3728
- 732C1F
- 5D2217
- 471810
- 320F09
- 1F0704
- 0D0201
- 020000
Tones
- B75441
- B25A49
- AD6051
- A76558
- A26A5F
- 9C6F66
- 95746C
- 8F7873
- 887C7A
Farbharmonien
Komplementär +180°
- BC4D39
Glowing Coals
- 008497
≈ Cruising
Analog -30° +30°
- BC4D39
Glowing Coals
- B8496E
≈ Lake Red
- AA6100
≈ Raw Umber
Triadisch +120° +240°
- BC4D39
Glowing Coals
- 008D47
≈ Grass Court
- 586CCB
≈ Borage Blue
Geteilt komplementär +150° +210°
- BC4D39
Glowing Coals
- 00887A
≈ Mystic Turquoise
- 007CBC
≈ Deep Cerulean
Tetradisch +90° +180° +270°
- BC4D39
Glowing Coals
- 688100
≈ Jungle Vibes
- 008497
≈ Cruising
- 865CBC
≈ Lusty Lavender
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.93:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.25:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--glowing-coals: #bc4d39;
--glowing-coals-rgb: 188 77 57;
--glowing-coals-oklch: oklch(0.563 0.148 32.2);
}
.element {
color: var(--glowing-coals);
background-color: hsl(9 53% 48%);
border-color: oklch(0.563 0.148 32.2);
}Tailwind CSS v4
@theme {
--color-glowing-coals: #bc4d39;
--color-glowing-coals-50: #ffe7da;
--color-glowing-coals-100: #ffd7c8;
--color-glowing-coals-200: #ffbeaa;
--color-glowing-coals-300: #f99b84;
--color-glowing-coals-400: #e87a65;
--color-glowing-coals-500: #d65942;
--color-glowing-coals-600: #b54c39;
--color-glowing-coals-700: #913d2d;
--color-glowing-coals-800: #6c2b21;
--color-glowing-coals-900: #4c1d16;
--color-glowing-coals-950: #320c07;
}SCSS
$glowing-coals: #bc4d39;
$glowing-coals-rgb: 188, 77, 57;
$glowing-coals-light: mix(#fff, $glowing-coals, 20%);
$glowing-coals-dark: mix(#000, $glowing-coals, 20%);
.element {
color: $glowing-coals;
box-shadow: 0 0 0 2px rgba($glowing-coals, 0.35);
}