Color con nombre más cercano · #D28689
#D28689
Color con nombre más cercano: Peaches of Immortality
#D28689 (rgb(210 134 137), hsl(358 46% 67%), oklch(0.699 0.094 17.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.
#D28689
oklch(0.699 0.094 17.2)
Conversiones de color
- HEX
- #d28689
- RGB
- rgb(210 134 137)
- HSL
- hsl(358 46% 67%)
- HWB
- hwb(358 53% 18%)
- OKLCH
- oklch(0.699 0.094 17.2)
- OKLab
- oklab(0.699 0.09 0.028)
- CIE Lab
- lab(64.12 30.23 11.24)
- LCH
- lch(64.12 32.25 20.4)
- CMYK
- cmyk(0% 36% 35% 18%)
Tintes · Sombras · Tonos
Tintes
- D79294
- DD9EA0
- E2AAAB
- E6B6B7
- EBC2C3
- EFCECE
- F4DADA
- F8E6E6
- FBF3F3
Sombras
- B67476
- 9B6264
- 815153
- 684042
- 503031
- 392122
- 241314
- 100607
- 020101
Tonos
- CA8688
- C28587
- BA8586
- B28586
- AA8485
- A28384
- 998383
- 918282
- 898181
Armonías de color
Complementario +180°
- D28689
Peaches of Immortality
- 4AB0B2
≈ Crystalsong Blue
Análogo -30° +30°
- D28689
Peaches of Immortality
- C986A9
≈ Moonlight Mauve
- CF8C6B
≈ Cinnamon Brandy
Triádico +120° +240°
- D28689
Peaches of Immortality
- 82AC72
≈ Sage Garden
- 79A0D8
≈ Kindred
Complementario dividido +150° +210°
- D28689
Peaches of Immortality
- 5FB192
≈ Electra
- 58AACC
≈ Estero Sky
Tetrádico +90° +180° +270°
- D28689
Peaches of Immortality
- A4A25B
≈ Gothic Revival Green
- 4AB0B2
≈ Crystalsong Blue
- 9A95D6
≈ Bluebell Frost
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.51:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--peaches-of-immortality: #d28689;
--peaches-of-immortality-rgb: 210 134 137;
--peaches-of-immortality-oklch: oklch(0.699 0.094 17.2);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(358 46% 67%);
border-color: oklch(0.699 0.094 17.2);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #d28689;
--color-peaches-of-immortality-50: #ffebea;
--color-peaches-of-immortality-100: #ffdcdb;
--color-peaches-of-immortality-200: #fac5c4;
--color-peaches-of-immortality-300: #e4a5a4;
--color-peaches-of-immortality-400: #d0888a;
--color-peaches-of-immortality-500: #bc6b6f;
--color-peaches-of-immortality-600: #9f5b5f;
--color-peaches-of-immortality-700: #80494b;
--color-peaches-of-immortality-800: #5f3438;
--color-peaches-of-immortality-900: #422426;
--color-peaches-of-immortality-950: #2a1214;
}SCSS
$peaches-of-immortality: #d28689;
$peaches-of-immortality-rgb: 210, 134, 137;
$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);
}