Color con nombre · #DC7A83
Peach Blossom
Peach Blossom es #DC7A83: rgb(220 122 131), hsl(354 58% 67%), oklch(0.69 0.122 14.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Peach Blossom color name →
#DC7A83
oklch(0.69 0.122 14.9)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- E1888F
- E5959B
- EAA2A7
- EEAFB3
- F1BDBF
- F5CACC
- F8D7D8
- FBE4E5
- FDF2F2
Sombras
- BF6971
- A35960
- 88494F
- 6E3A3F
- 542B2F
- 3C1D20
- 261012
- 110506
- 020101
Tonos
- D37B83
- CA7C83
- C27D82
- B97E82
- B07F82
- A77F81
- 9D8081
- 948081
- 8A8080
Armonías de color
Complementario +180°
- DC7A83
Peach Blossom
- 00B2B2
≈ Laguna Green
Análogo -30° +30°
- DC7A83
Peach Blossom
- D07BAD
≈ Ice Plant
- D98159
≈ Show Business
Triádico +120° +240°
- DC7A83
Peach Blossom
- 7AAC5D
≈ Arugula
- 659EE5
≈ Feather Star
Complementario dividido +150° +210°
- DC7A83
Peach Blossom
- 40B388
≈ Mint
- 27AAD4
≈ Bright Cerulean
Tetrádico +90° +180° +270°
- DC7A83
Peach Blossom
- A79F3A
≈ Machine Green
- 00B2B2
≈ Laguna Green
- 9490E4
≈ Perrywinkle
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.93:1 · APCA Lc 55
Ag
AAASobre negro
WCAG 7.15:1 · APCA Lc 46
Mejor color de texto: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmentos de código
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);
}