Colore con nome · #9D6984
Penelope Pink
Penelope Pink è #9D6984: rgb(157 105 132), hsl(329 21% 51%), oklch(0.584 0.076 347.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Penelope Pink color name →
#9D6984
oklch(0.584 0.076 347.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A77790
- B1869B
- BB94A7
- C5A3B3
- CFB2C0
- D8C1CC
- E2D0D9
- ECE0E5
- F5EFF2
Ombre
- 885A72
- 734C60
- 5F3E4F
- 4C313F
- 3A242F
- 281820
- 180C12
- 090406
- 010001
Toni
- 9A6C84
- 986E83
- 957083
- 927382
- 907582
- 8D7782
- 8A7A81
- 877C81
- 837E80
Armonie di colore
Complementare +180°
- 9D6984
Penelope Pink
- 4B8A72
≈ Molly Robins
Analogo -30° +30°
- 9D6984
Penelope Pink
- 8E6D99
≈ Faded Purple
- A4696B
≈ Delhi Spice
Triadico +120° +240°
- 9D6984
Penelope Pink
- 807F48
≈ Terrapin
- 46859F
≈ Jay Bird
Complementare divisa +150° +210°
- 9D6984
Penelope Pink
- 668659
≈ Tee Off
- 3C898B
≈ Sea Caller
Tetradico +90° +180° +270°
- 9D6984
Penelope Pink
- 957646
≈ Antique Penny
- 4B8A72
≈ Molly Robins
- 5F7DA8
≈ Miracle Elixir
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.38:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.78:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.78:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
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);
}