Benannte Farbe · #922E4A
Scarlet Apple
Scarlet Apple ist #922E4A: rgb(146 46 74), hsl(343 52% 38%), oklch(0.458 0.135 7.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Scarlet Apple color name →
#922E4A
oklch(0.458 0.135 7.3)
Farbumrechnungen
- HEX
- #922e4a
- RGB
- rgb(146 46 74)
- HSL
- hsl(343 52% 38%)
- HWB
- hwb(343 18% 43%)
- OKLCH
- oklch(0.458 0.135 7.3)
- OKLab
- oklab(0.458 0.134 0.017)
- CIE Lab
- lab(35.54 44.15 7.49)
- LCH
- lch(35.54 44.78 9.6)
- CMYK
- cmyk(0% 68% 49% 43%)
Tints · Shades · Tones
Tints
- 9F445A
- AB596B
- B76D7C
- C2828E
- CD96A0
- D8ABB2
- E2BFC5
- ECD4D8
- F6EAEB
Shades
- 7E273F
- 6B1F35
- 58182A
- 461220
- 350B17
- 25060E
- 160206
- 080102
- 010000
Tones
- 92384F
- 914254
- 904B5A
- 8F535F
- 8E5B64
- 8C636A
- 896A6F
- 877275
- 84797A
Farbharmonien
Komplementär +180°
- 922E4A
Scarlet Apple
- 00665F
≈ Peacock Pride
Analog -30° +30°
- 922E4A
Scarlet Apple
- 843372
≈ Violet Vixen
- 933415
≈ Hawaiian Malasada
Triadisch +120° +240°
- 922E4A
Scarlet Apple
- 456300
≈ Camouflage Green
- 005B97
≈ Jetski Race
Geteilt komplementär +150° +210°
- 922E4A
Scarlet Apple
- 00693E
≈ Frog Green
- 006275
≈ Blue Enchantment
Tetradisch +90° +180° +270°
- 922E4A
Scarlet Apple
- 665700
≈ Ayahuasca Vine
- 00665F
≈ Peacock Pride
- 474CA1
≈ Liberty
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.74:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.71:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.74:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--scarlet-apple: #922e4a;
--scarlet-apple-rgb: 146 46 74;
--scarlet-apple-oklch: oklch(0.458 0.135 7.3);
}
.element {
color: var(--scarlet-apple);
background-color: hsl(343 52% 38%);
border-color: oklch(0.458 0.135 7.3);
}Tailwind CSS v4
@theme {
--color-scarlet-apple: #922e4a;
--color-scarlet-apple-50: #ffe6ed;
--color-scarlet-apple-100: #ffd6de;
--color-scarlet-apple-200: #ffbdc8;
--color-scarlet-apple-300: #f39aa8;
--color-scarlet-apple-400: #e17a90;
--color-scarlet-apple-500: #ce5a76;
--color-scarlet-apple-600: #ae4d64;
--color-scarlet-apple-700: #8c3d50;
--color-scarlet-apple-800: #682b3c;
--color-scarlet-apple-900: #491d29;
--color-scarlet-apple-950: #2f0d17;
}SCSS
$scarlet-apple: #922e4a;
$scarlet-apple-rgb: 146, 46, 74;
$scarlet-apple-light: mix(#fff, $scarlet-apple, 20%);
$scarlet-apple-dark: mix(#000, $scarlet-apple, 20%);
.element {
color: $scarlet-apple;
box-shadow: 0 0 0 2px rgba($scarlet-apple, 0.35);
}