Benannte Farbe · #9D6984
Penelope Pink
Penelope Pink ist #9D6984: rgb(157 105 132), hsl(329 21% 51%), oklch(0.584 0.076 347.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Penelope Pink color name →
#9D6984
oklch(0.584 0.076 347.2)
Farbumrechnungen
- HEX
- #9d6984
- RGB
- rgb(157 105 132)
- HSL
- hsl(329 21% 51%)
- HWB
- hwb(329 41% 38%)
- OKLCH
- oklch(0.584 0.076 347.2)
- OKLab
- oklab(0.584 0.074 -0.017)
- CIE Lab
- lab(50.72 24.48 -6.07)
- LCH
- lch(50.72 25.23 346.1)
- CMYK
- cmyk(0% 33% 16% 38%)
Tints · Shades · Tones
Tints
- A77790
- B1869B
- BB94A7
- C5A3B3
- CFB2C0
- D8C1CC
- E2D0D9
- ECE0E5
- F5EFF2
Shades
- 885A72
- 734C60
- 5F3E4F
- 4C313F
- 3A242F
- 281820
- 180C12
- 090406
- 010001
Tones
- 9A6C84
- 986E83
- 957083
- 927382
- 907582
- 8D7782
- 8A7A81
- 877C81
- 837E80
Farbharmonien
Komplementär +180°
- 9D6984
Penelope Pink
- 4B8A72
≈ Molly Robins
Analog -30° +30°
- 9D6984
Penelope Pink
- 8E6D99
≈ Faded Purple
- A4696B
≈ Delhi Spice
Triadisch +120° +240°
- 9D6984
Penelope Pink
- 807F48
≈ Terrapin
- 46859F
≈ Jay Bird
Geteilt komplementär +150° +210°
- 9D6984
Penelope Pink
- 668659
≈ Tee Off
- 3C898B
≈ Sea Caller
Tetradisch +90° +180° +270°
- 9D6984
Penelope Pink
- 957646
≈ Antique Penny
- 4B8A72
≈ Molly Robins
- 5F7DA8
≈ Miracle Elixir
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.38:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.78:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.78:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--penelope-pink: #9d6984;
--penelope-pink-rgb: 157 105 132;
--penelope-pink-oklch: oklch(0.584 0.076 347.2);
}
.element {
color: var(--penelope-pink);
background-color: hsl(329 21% 51%);
border-color: oklch(0.584 0.076 347.2);
}Tailwind CSS v4
@theme {
--color-penelope-pink: #9d6984;
--color-penelope-pink-50: #ffedf8;
--color-penelope-pink-100: #fddeec;
--color-penelope-pink-200: #eec8d9;
--color-penelope-pink-300: #d6a8bd;
--color-penelope-pink-400: #c08da7;
--color-penelope-pink-500: #ab7190;
--color-penelope-pink-600: #91607a;
--color-penelope-pink-700: #744d61;
--color-penelope-pink-800: #553848;
--color-penelope-pink-900: #3c2632;
--color-penelope-pink-950: #25141e;
}SCSS
$penelope-pink: #9d6984;
$penelope-pink-rgb: 157, 105, 132;
$penelope-pink-light: mix(#fff, $penelope-pink, 20%);
$penelope-pink-dark: mix(#000, $penelope-pink, 20%);
.element {
color: $penelope-pink;
box-shadow: 0 0 0 2px rgba($penelope-pink, 0.35);
}