Benannte Farbe · #7F556F
Magnificence
Magnificence ist #7F556F: rgb(127 85 111), hsl(323 20% 42%), oklch(0.504 0.067 342.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Magnificence color name →
#7F556F
oklch(0.504 0.067 342.1)
Farbumrechnungen
- HEX
- #7f556f
- RGB
- rgb(127 85 111)
- HSL
- hsl(323 20% 42%)
- HWB
- hwb(323 33% 50%)
- OKLCH
- oklch(0.504 0.067 342.1)
- OKLab
- oklab(0.504 0.063 -0.021)
- CIE Lab
- lab(41.53 21.1 -7.51)
- LCH
- lch(41.53 22.4 340.4)
- CMYK
- cmyk(0% 33% 13% 50%)
Tints · Shades · Tones
Tints
- 8C657C
- 98758A
- A58598
- B296A6
- BEA7B4
- CBB8C3
- D8C9D2
- E5DBE1
- F2EDF0
Shades
- 6E4960
- 5D3D51
- 4C3142
- 3C2634
- 2D1C27
- 1F111A
- 11080E
- 060204
- 010001
Tones
- 7F5971
- 805E72
- 806274
- 806676
- 816B78
- 816F79
- 81737B
- 80787D
- 807C7E
Farbharmonien
Komplementär +180°
- 7F556F
Magnificence
- 3F7059
≈ Foliage Green
Analog -30° +30°
- 7F556F
Magnificence
- 715980
≈ Mystical
- 86545A
≈ So Merlot
Triadisch +120° +240°
- 7F556F
Magnificence
- 6C6637
≈ Jungle Civilization
- 346D80
≈ Tlāloc Blue
Geteilt komplementär +150° +210°
- 7F556F
Magnificence
- 566D44
≈ Graceland Grass
- 2E706E
≈ Jungle Noises
Tetradisch +90° +180° +270°
- 7F556F
Magnificence
- 7C5E38
≈ Japanese Iris
- 3F7059
≈ Foliage Green
- 48678A
≈ Snake River
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.12:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.43:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.12:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--magnificence: #7f556f;
--magnificence-rgb: 127 85 111;
--magnificence-oklch: oklch(0.504 0.067 342.1);
}
.element {
color: var(--magnificence);
background-color: hsl(323 20% 42%);
border-color: oklch(0.504 0.067 342.1);
}Tailwind CSS v4
@theme {
--color-magnificence: #7f556f;
--color-magnificence-50: #ffeefa;
--color-magnificence-100: #f9e0ed;
--color-magnificence-200: #eac9db;
--color-magnificence-300: #d1aac0;
--color-magnificence-400: #bb8fa9;
--color-magnificence-500: #a57593;
--color-magnificence-600: #8c637c;
--color-magnificence-700: #704f63;
--color-magnificence-800: #52394a;
--color-magnificence-900: #392733;
--color-magnificence-950: #24151f;
}SCSS
$magnificence: #7f556f;
$magnificence-rgb: 127, 85, 111;
$magnificence-light: mix(#fff, $magnificence, 20%);
$magnificence-dark: mix(#000, $magnificence, 20%);
.element {
color: $magnificence;
box-shadow: 0 0 0 2px rgba($magnificence, 0.35);
}