Benannte Farbe · #4A3C50
Preserve
Preserve ist #4A3C50: rgb(74 60 80), hsl(282 14% 27%), oklch(0.379 0.038 315.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Preserve color name →
#4A3C50
oklch(0.379 0.038 315.7)
Farbumrechnungen
- HEX
- #4a3c50
- RGB
- rgb(74 60 80)
- HSL
- hsl(282 14% 27%)
- HWB
- hwb(282 24% 69%)
- OKLCH
- oklch(0.379 0.038 315.7)
- OKLab
- oklab(0.379 0.027 -0.027)
- CIE Lab
- lab(27.43 9.52 -9.79)
- LCH
- lch(27.43 13.66 314.2)
- CMYK
- cmyk(7% 25% 0% 69%)
Tints · Shades · Tones
Tints
- 5A4D60
- 6B5F70
- 7C7181
- 8E8492
- A098A3
- B2ACB5
- C5C0C7
- D8D5D9
- EBEAEC
Shades
- 3F3344
- 352A39
- 2A212E
- 201924
- 17111A
- 0E0A10
- 060407
- 020102
- 000000
Tones
- 4F4255
- 544959
- 5A505E
- 5F5663
- 645D68
- 6A646D
- 6F6B71
- 757276
- 7A797B
Farbharmonien
Komplementär +180°
- 4A3C50
Preserve
- 394733
≈ Mallardish
Analog -30° +30°
- 4A3C50
Preserve
- 403F56
≈ Artistic Licence
- 513A46
≈ Ritual Experience
Triadisch +120° +240°
- 4A3C50
Preserve
- 4E3F2B
≈ Fresh Roe
- 284949
≈ June Bug
Geteilt komplementär +150° +210°
- 4A3C50
Preserve
- 45432B
≈ Strong Tone Wash
- 2E493D
≈ Government Green
Tetradisch +90° +180° +270°
- 4A3C50
Preserve
- 533C31
≈ Bright Brown
- 394733
≈ Mallardish
- 2B4652
≈ Rainstorm
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.22:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 2.05:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.22:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--preserve: #4a3c50;
--preserve-rgb: 74 60 80;
--preserve-oklch: oklch(0.379 0.038 315.7);
}
.element {
color: var(--preserve);
background-color: hsl(282 14% 27%);
border-color: oklch(0.379 0.038 315.7);
}Tailwind CSS v4
@theme {
--color-preserve: #4a3c50;
--color-preserve-50: #faf2fc;
--color-preserve-100: #ede4f0;
--color-preserve-200: #dbcfdf;
--color-preserve-300: #c0b2c4;
--color-preserve-400: #a798ae;
--color-preserve-500: #907f98;
--color-preserve-600: #7a6b80;
--color-preserve-700: #625667;
--color-preserve-800: #473f4c;
--color-preserve-900: #312b35;
--color-preserve-950: #1d1820;
}SCSS
$preserve: #4a3c50;
$preserve-rgb: 74, 60, 80;
$preserve-light: mix(#fff, $preserve, 20%);
$preserve-dark: mix(#000, $preserve, 20%);
.element {
color: $preserve;
box-shadow: 0 0 0 2px rgba($preserve, 0.35);
}