Benannte Farbe · #4A2D57
Scarlet Gum
Scarlet Gum ist #4A2D57: rgb(74 45 87), hsl(281 32% 26%), oklch(0.352 0.079 314.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Scarlet Gum color name →
#4A2D57
oklch(0.352 0.079 314.7)
Farbumrechnungen
- HEX
- #4a2d57
- RGB
- rgb(74 45 87)
- HSL
- hsl(281 32% 26%)
- HWB
- hwb(281 18% 66%)
- OKLCH
- oklch(0.352 0.079 314.7)
- OKLab
- oklab(0.352 0.055 -0.056)
- CIE Lab
- lab(23.61 20.08 -20.23)
- LCH
- lch(23.61 28.5 314.8)
- CMYK
- cmyk(15% 48% 0% 66%)
Tints · Shades · Tones
Tints
- 5A4067
- 6B5377
- 7D6787
- 8E7B97
- A090A8
- B3A5B9
- C5BBCA
- D8D1DC
- EBE8ED
Shades
- 3F264B
- 351F3E
- 2A1833
- 201127
- 170B1C
- 0E0612
- 060208
- 020103
- 000000
Tones
- 4F355B
- 553D60
- 5A4664
- 5F4E68
- 65566C
- 6A5E70
- 706774
- 756F78
- 7B777C
Farbharmonien
Komplementär +180°
- 4A2D57
Scarlet Gum
- 284416
≈ Hinterlands Green
Analog -30° +30°
- 4A2D57
Scarlet Gum
- 373462
≈ Deep Koamaru
- 572844
≈ Winter Bloom
Triadisch +120° +240°
- 4A2D57
Scarlet Gum
- 513400
≈ Eyelash Camel
- 004444
≈ Dark Side
Geteilt komplementär +150° +210°
- 4A2D57
Scarlet Gum
- 413C00
≈ Dark Olive
- 004731
≈ UP Forest Green
Tetradisch +90° +180° +270°
- 4A2D57
Scarlet Gum
- 5C2B14
≈ Hot Fudge
- 284416
≈ Hinterlands Green
- 004255
≈ Crab Nebula
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.63:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.80:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.63:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--scarlet-gum: #4a2d57;
--scarlet-gum-rgb: 74 45 87;
--scarlet-gum-oklch: oklch(0.352 0.079 314.7);
}
.element {
color: var(--scarlet-gum);
background-color: hsl(281 32% 26%);
border-color: oklch(0.352 0.079 314.7);
}Tailwind CSS v4
@theme {
--color-scarlet-gum: #4a2d57;
--color-scarlet-gum-50: #ffefff;
--color-scarlet-gum-100: #f3e0fa;
--color-scarlet-gum-200: #e2caeb;
--color-scarlet-gum-300: #c8abd3;
--color-scarlet-gum-400: #b091bf;
--color-scarlet-gum-500: #9a76aa;
--color-scarlet-gum-600: #826490;
--color-scarlet-gum-700: #685073;
--color-scarlet-gum-800: #4c3a56;
--color-scarlet-gum-900: #35283c;
--color-scarlet-gum-950: #201626;
}SCSS
$scarlet-gum: #4a2d57;
$scarlet-gum-rgb: 74, 45, 87;
$scarlet-gum-light: mix(#fff, $scarlet-gum, 20%);
$scarlet-gum-dark: mix(#000, $scarlet-gum, 20%);
.element {
color: $scarlet-gum;
box-shadow: 0 0 0 2px rgba($scarlet-gum, 0.35);
}