Colore con nome · #8E5565
Pink Peppercorn
Pink Peppercorn è #8E5565: rgb(142 85 101), hsl(343 25% 45%), oklch(0.519 0.078 2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Pink Peppercorn color name →
#8E5565
oklch(0.519 0.078 2)
Conversioni di colore
- HEX
- #8e5565
- RGB
- rgb(142 85 101)
- HSL
- hsl(343 25% 45%)
- HWB
- hwb(343 33% 44%)
- OKLCH
- oklch(0.519 0.078 2)
- OKLab
- oklab(0.519 0.078 0.003)
- CIE Lab
- lab(43.24 25.87 1.38)
- LCH
- lch(43.24 25.9 3)
- CMYK
- cmyk(0% 40% 29% 44%)
Tinte · Ombre · Toni
Tinte
- 9A6573
- A57582
- B18690
- BC969F
- C7A7AF
- D3B8BE
- DECACE
- E9DBDE
- F4EDEF
Ombre
- 7B4957
- 683D49
- 56313C
- 44262F
- 341C22
- 241117
- 15080C
- 070203
- 010000
Toni
- 8D5A68
- 8C5E6A
- 8B626D
- 8A6770
- 896B72
- 876F75
- 867478
- 84787B
- 827C7D
Armonie di colore
Complementare +180°
- 8E5565
Pink Peppercorn
- 28776C
≈ Iguaçuense Waterfall
Analogo -30° +30°
- 8E5565
Pink Peppercorn
- 83587D
≈ Dull Purple
- 90574C
≈ Rich Brocade
Triadico +120° +240°
- 8E5565
Pink Peppercorn
- 61703B
≈ Venom Wyrm
- 3D6E92
≈ Rainy Lake
Complementare divisa +150° +210°
- 8E5565
Pink Peppercorn
- 447652
≈ Killarney
- 247483
≈ Oceanic Metropolis
Tetradico +90° +180° +270°
- 8E5565
Pink Peppercorn
- 79672F
≈ Brazen Brass
- 28776C
≈ Iguaçuense Waterfall
- 596696
≈ UCLA Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.77:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.63:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--pink-peppercorn: #8e5565;
--pink-peppercorn-rgb: 142 85 101;
--pink-peppercorn-oklch: oklch(0.519 0.078 2);
}
.element {
color: var(--pink-peppercorn);
background-color: hsl(343 25% 45%);
border-color: oklch(0.519 0.078 2);
}Tailwind CSS v4
@theme {
--color-pink-peppercorn: #8e5565;
--color-pink-peppercorn-50: #ffecf2;
--color-pink-peppercorn-100: #ffdee5;
--color-pink-peppercorn-200: #f3c7d0;
--color-pink-peppercorn-300: #dba7b3;
--color-pink-peppercorn-400: #c68b9b;
--color-pink-peppercorn-500: #b27082;
--color-pink-peppercorn-600: #965f6e;
--color-pink-peppercorn-700: #784c58;
--color-pink-peppercorn-800: #593741;
--color-pink-peppercorn-900: #3e252d;
--color-pink-peppercorn-950: #27141a;
}SCSS
$pink-peppercorn: #8e5565;
$pink-peppercorn-rgb: 142, 85, 101;
$pink-peppercorn-light: mix(#fff, $pink-peppercorn, 20%);
$pink-peppercorn-dark: mix(#000, $pink-peppercorn, 20%);
.element {
color: $pink-peppercorn;
box-shadow: 0 0 0 2px rgba($pink-peppercorn, 0.35);
}