Color con nombre más cercano · #D1868B
#D1868B
Color con nombre más cercano: Peaches of Immortality
#D1868B (rgb(209 134 139), hsl(356 45% 67%), oklch(0.699 0.093 15.4)) 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.
#D1868B
oklch(0.699 0.093 15.4)
Conversiones de color
- HEX
- #d1868b
- RGB
- rgb(209 134 139)
- HSL
- hsl(356 45% 67%)
- HWB
- hwb(356 53% 18%)
- OKLCH
- oklch(0.699 0.093 15.4)
- OKLab
- oklab(0.699 0.089 0.025)
- CIE Lab
- lab(64.03 30.03 9.97)
- LCH
- lch(64.03 31.64 18.4)
- CMYK
- cmyk(0% 36% 33% 18%)
Tintes · Sombras · Tonos
Tintes
- D69296
- DC9EA1
- E1AAAD
- E6B6B8
- EAC2C4
- EFCECF
- F3DADB
- F7E6E7
- FBF3F3
Sombras
- B57478
- 9B6266
- 815154
- 684043
- 503032
- 392123
- 231314
- 100607
- 020101
Tonos
- C9868A
- C18589
- B98588
- B18487
- A98486
- A18384
- 998383
- 918282
- 898181
Armonías de color
Complementario +180°
- D1868B
Peaches of Immortality
- 4CB0B0
≈ Crystalsong Blue
Análogo -30° +30°
- D1868B
Peaches of Immortality
- C887AB
≈ Moonlight Mauve
- CE8C6D
≈ Cinnamon Brandy
Triádico +120° +240°
- D1868B
Peaches of Immortality
- 85AB71
≈ Wyvern Green
- 77A1D7
≈ Kindred
Complementario dividido +150° +210°
- D1868B
Peaches of Immortality
- 62B090
≈ Electra
- 57AACA
≈ Estero Sky
Tetrádico +90° +180° +270°
- D1868B
Peaches of Immortality
- A6A25B
≈ Mediaeval Sulphur
- 4CB0B0
≈ Crystalsong Blue
- 9896D5
≈ Bluebell Frost
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.49:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--peaches-of-immortality: #d1868b;
--peaches-of-immortality-rgb: 209 134 139;
--peaches-of-immortality-oklch: oklch(0.699 0.093 15.4);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(356 45% 67%);
border-color: oklch(0.699 0.093 15.4);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #d1868b;
--color-peaches-of-immortality-50: #ffebeb;
--color-peaches-of-immortality-100: #ffdcdd;
--color-peaches-of-immortality-200: #fac5c6;
--color-peaches-of-immortality-300: #e3a5a6;
--color-peaches-of-immortality-400: #cf888c;
--color-peaches-of-immortality-500: #bb6b72;
--color-peaches-of-immortality-600: #9e5b61;
--color-peaches-of-immortality-700: #7f494d;
--color-peaches-of-immortality-800: #5e3439;
--color-peaches-of-immortality-900: #422427;
--color-peaches-of-immortality-950: #2a1215;
}SCSS
$peaches-of-immortality: #d1868b;
$peaches-of-immortality-rgb: 209, 134, 139;
$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);
}