Color con nombre más cercano · #DB8282
#DB8282
Color con nombre más cercano: Peaches of Immortality
#DB8282 (rgb(219 130 130), hsl(0 55% 68%), oklch(0.702 0.11 20.2)) se parece más al color con nombre Peaches of Immortality. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DB8282
oklch(0.702 0.11 20.2)
Conversiones de color
- HEX
- #db8282
- RGB
- rgb(219 130 130)
- HSL
- hsl(0 55% 68%)
- HWB
- hwb(0 51% 14%)
- OKLCH
- oklch(0.702 0.11 20.2)
- OKLab
- oklab(0.702 0.103 0.038)
- CIE Lab
- lab(64.26 35.12 15.58)
- LCH
- lch(64.26 38.42 23.9)
- CMYK
- cmyk(0% 41% 41% 14%)
Tintes · Sombras · Tonos
Tintes
- E08F8E
- E49B9A
- E8A8A6
- ECB4B3
- F0C0BF
- F4CDCC
- F7D9D8
- FAE6E5
- FDF2F2
Sombras
- BE7070
- A25F5F
- 874E4E
- 6D3E3E
- 542F2F
- 3C2020
- 261212
- 110606
- 020101
Tonos
- D28282
- C98382
- C18382
- B88382
- AF8281
- A68281
- 9D8281
- 938181
- 8A8180
Armonías de color
Complementario +180°
- DB8282
Peaches of Immortality
- 2CB3BA
≈ Marrakech Mile
Análogo -30° +30°
- DB8282
Peaches of Immortality
- D282A8
≈ Heirloom Rose
- D68A5E
≈ Bright Sienna
Triádico +120° +240°
- DB8282
Peaches of Immortality
- 79B06E
≈ Stalk
- 769FE3
≈ Greek Sea
Complementario dividido +150° +210°
- DB8282
Peaches of Immortality
- 4AB595
≈ Electra
- 49ABD6
≈ Cousteau
Tetrádico +90° +180° +270°
- DB8282
Peaches of Immortality
- A3A54E
≈ Olive Reserve
- 2CB3BA
≈ Marrakech Mile
- 9E93DF
≈ Middy’s Purple
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.52:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--peaches-of-immortality: #db8282;
--peaches-of-immortality-rgb: 219 130 130;
--peaches-of-immortality-oklch: oklch(0.702 0.11 20.2);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(0 55% 68%);
border-color: oklch(0.702 0.11 20.2);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #db8282;
--color-peaches-of-immortality-50: #ffeae7;
--color-peaches-of-immortality-100: #ffdad7;
--color-peaches-of-immortality-200: #ffc2bf;
--color-peaches-of-immortality-300: #eba19e;
--color-peaches-of-immortality-400: #d88383;
--color-peaches-of-immortality-500: #c46667;
--color-peaches-of-immortality-600: #a65658;
--color-peaches-of-immortality-700: #854546;
--color-peaches-of-immortality-800: #633134;
--color-peaches-of-immortality-900: #462223;
--color-peaches-of-immortality-950: #2d1012;
}SCSS
$peaches-of-immortality: #db8282;
$peaches-of-immortality-rgb: 219, 130, 130;
$peaches-of-immortality-light: mix(#fff, $peaches-of-immortality, 20%);
$peaches-of-immortality-dark: mix(#000, $peaches-of-immortality, 20%);
.element {
color: $peaches-of-immortality;
box-shadow: 0 0 0 2px rgba($peaches-of-immortality, 0.35);
}