Benannte Farbe · #A4334A
Scarlet Ribbons
Scarlet Ribbons ist #A4334A: rgb(164 51 74), hsl(348 53% 42%), oklch(0.494 0.148 12.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Scarlet Ribbons color name →
#A4334A
oklch(0.494 0.148 12.5)
Farbumrechnungen
- HEX
- #a4334a
- RGB
- rgb(164 51 74)
- HSL
- hsl(348 53% 42%)
- HWB
- hwb(348 20% 36%)
- OKLCH
- oklch(0.494 0.148 12.5)
- OKLab
- oklab(0.494 0.145 0.032)
- CIE Lab
- lab(39.66 48.16 13.77)
- LCH
- lch(39.66 50.09 16)
- CMYK
- cmyk(0% 69% 55% 36%)
Tints · Shades · Tones
Tints
- AF4A5A
- BA5E6B
- C4727D
- CE868E
- D89AA0
- E0AEB2
- E9C2C5
- F1D6D8
- F8EAEB
Shades
- 8E2B3F
- 792335
- 641C2A
- 501420
- 3D0D17
- 2B070E
- 1A0306
- 0A0102
- 010000
Tones
- A23D4F
- A04755
- 9D4F5A
- 9A575F
- 975E65
- 93666A
- 8F6C70
- 8B7375
- 867A7B
Farbharmonien
Komplementär +180°
- A4334A
Scarlet Ribbons
- 00716E
≈ Boating Green
Analog -30° +30°
- A4334A
Scarlet Ribbons
- 973778
≈ Purple Wine
- A33C00
≈ Muddy
Triadisch +120° +240°
- A4334A
Scarlet Ribbons
- 417100
≈ Forest Empress
- 0462B2
≈ Les Cavaliers Beach
Geteilt komplementär +150° +210°
- A4334A
Scarlet Ribbons
- 00744F
≈ Lush Meadow
- 006C87
≈ Arabian Nights
Tetradisch +90° +180° +270°
- A4334A
Scarlet Ribbons
- 6D6300
≈ Green Brown
- 00716E
≈ Boating Green
- 5852B2
≈ Brandywine Raspberry
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.66:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.15:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.66:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--scarlet-ribbons: #a4334a;
--scarlet-ribbons-rgb: 164 51 74;
--scarlet-ribbons-oklch: oklch(0.494 0.148 12.5);
}
.element {
color: var(--scarlet-ribbons);
background-color: hsl(348 53% 42%);
border-color: oklch(0.494 0.148 12.5);
}Tailwind CSS v4
@theme {
--color-scarlet-ribbons: #a4334a;
--color-scarlet-ribbons-50: #ffe5e8;
--color-scarlet-ribbons-100: #ffd4d8;
--color-scarlet-ribbons-200: #ffbac0;
--color-scarlet-ribbons-300: #f997a0;
--color-scarlet-ribbons-400: #e87686;
--color-scarlet-ribbons-500: #d5546b;
--color-scarlet-ribbons-600: #b4485b;
--color-scarlet-ribbons-700: #913948;
--color-scarlet-ribbons-800: #6c2836;
--color-scarlet-ribbons-900: #4c1b25;
--color-scarlet-ribbons-950: #320b14;
}SCSS
$scarlet-ribbons: #a4334a;
$scarlet-ribbons-rgb: 164, 51, 74;
$scarlet-ribbons-light: mix(#fff, $scarlet-ribbons, 20%);
$scarlet-ribbons-dark: mix(#000, $scarlet-ribbons, 20%);
.element {
color: $scarlet-ribbons;
box-shadow: 0 0 0 2px rgba($scarlet-ribbons, 0.35);
}