Colore con nome · #DC7A83
Peach Blossom
Peach Blossom è #DC7A83: rgb(220 122 131), hsl(354 58% 67%), oklch(0.69 0.122 14.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Peach Blossom color name →
#DC7A83
oklch(0.69 0.122 14.9)
Conversioni di colore
- HEX
- #dc7a83
- RGB
- rgb(220 122 131)
- HSL
- hsl(354 58% 67%)
- HWB
- hwb(354 48% 14%)
- OKLCH
- oklch(0.69 0.122 14.9)
- OKLab
- oklab(0.69 0.118 0.031)
- CIE Lab
- lab(62.72 39.56 12.94)
- LCH
- lch(62.72 41.62 18.1)
- CMYK
- cmyk(0% 45% 40% 14%)
Tinte · Ombre · Toni
Tinte
- E1888F
- E5959B
- EAA2A7
- EEAFB3
- F1BDBF
- F5CACC
- F8D7D8
- FBE4E5
- FDF2F2
Ombre
- BF6971
- A35960
- 88494F
- 6E3A3F
- 542B2F
- 3C1D20
- 261012
- 110506
- 020101
Toni
- D37B83
- CA7C83
- C27D82
- B97E82
- B07F82
- A77F81
- 9D8081
- 948081
- 8A8080
Armonie di colore
Complementare +180°
- DC7A83
Peach Blossom
- 00B2B2
≈ Laguna Green
Analogo -30° +30°
- DC7A83
Peach Blossom
- D07BAD
≈ Ice Plant
- D98159
≈ Show Business
Triadico +120° +240°
- DC7A83
Peach Blossom
- 7AAC5D
≈ Arugula
- 659EE5
≈ Feather Star
Complementare divisa +150° +210°
- DC7A83
Peach Blossom
- 40B388
≈ Mint
- 27AAD4
≈ Bright Cerulean
Tetradico +90° +180° +270°
- DC7A83
Peach Blossom
- A79F3A
≈ Machine Green
- 00B2B2
≈ Laguna Green
- 9490E4
≈ Perrywinkle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.93:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.15:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--peach-blossom: #dc7a83;
--peach-blossom-rgb: 220 122 131;
--peach-blossom-oklch: oklch(0.69 0.122 14.9);
}
.element {
color: var(--peach-blossom);
background-color: hsl(354 58% 67%);
border-color: oklch(0.69 0.122 14.9);
}Tailwind CSS v4
@theme {
--color-peach-blossom: #dc7a83;
--color-peach-blossom-50: #ffe8e9;
--color-peach-blossom-100: #ffd8d9;
--color-peach-blossom-200: #ffc0c2;
--color-peach-blossom-300: #ef9ea1;
--color-peach-blossom-400: #dd7f87;
--color-peach-blossom-500: #c9606c;
--color-peach-blossom-600: #aa525c;
--color-peach-blossom-700: #894149;
--color-peach-blossom-800: #662f36;
--color-peach-blossom-900: #472025;
--color-peach-blossom-950: #2e0f14;
}SCSS
$peach-blossom: #dc7a83;
$peach-blossom-rgb: 220, 122, 131;
$peach-blossom-light: mix(#fff, $peach-blossom, 20%);
$peach-blossom-dark: mix(#000, $peach-blossom, 20%);
.element {
color: $peach-blossom;
box-shadow: 0 0 0 2px rgba($peach-blossom, 0.35);
}