Couleur nommée la plus proche · #D18689
#D18689
Couleur nommée la plus proche: Peaches of Immortality
#D18689 (rgb(209 134 137), hsl(358 45% 67%), oklch(0.698 0.092 17.1)) est la plus proche de la couleur nommée Peaches of Immortality. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D18689
oklch(0.698 0.092 17.1)
Conversions de couleur
- HEX
- #d18689
- RGB
- rgb(209 134 137)
- HSL
- hsl(358 45% 67%)
- HWB
- hwb(358 53% 18%)
- OKLCH
- oklch(0.698 0.092 17.1)
- OKLab
- oklab(0.698 0.088 0.027)
- CIE Lab
- lab(63.99 29.84 11.04)
- LCH
- lch(63.99 31.82 20.3)
- CMYK
- cmyk(0% 36% 34% 18%)
Teintes · Ombres · Tons
Teintes
- D69294
- DC9EA0
- E1AAAB
- E6B6B7
- EAC2C3
- EFCECE
- F3DADA
- F7E6E6
- FBF3F3
Ombres
- B57476
- 9B6264
- 815153
- 684042
- 503031
- 392122
- 231314
- 100607
- 020101
Tons
- C98688
- C18587
- B98586
- B18486
- A98485
- A18384
- 998383
- 918282
- 898181
Harmonies de couleurs
Complémentaire +180°
- D18689
Peaches of Immortality
- 4CB0B2
≈ Crystalsong Blue
Analogue -30° +30°
- D18689
Peaches of Immortality
- C886A9
≈ Moonlight Mauve
- CE8C6B
≈ Cinnamon Brandy
Triadique +120° +240°
- D18689
Peaches of Immortality
- 82AC72
≈ Sage Garden
- 79A0D7
≈ Kindred
Complémentaire divisée +150° +210°
- D18689
Peaches of Immortality
- 60B092
≈ Electra
- 59A9CA
≈ Estero Sky
Tétradique +90° +180° +270°
- D18689
Peaches of Immortality
- A4A25C
≈ Gothic Revival Green
- 4CB0B2
≈ Crystalsong Blue
- 9A95D5
≈ Bluebell Frost
Contraste et accessibilité
Sur blanc
WCAG 2.80:1 · APCA Lc 54
Sur noir
WCAG 7.48:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--peaches-of-immortality: #d18689;
--peaches-of-immortality-rgb: 209 134 137;
--peaches-of-immortality-oklch: oklch(0.698 0.092 17.1);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(358 45% 67%);
border-color: oklch(0.698 0.092 17.1);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #d18689;
--color-peaches-of-immortality-50: #ffebeb;
--color-peaches-of-immortality-100: #ffdcdc;
--color-peaches-of-immortality-200: #fac5c5;
--color-peaches-of-immortality-300: #e3a5a5;
--color-peaches-of-immortality-400: #cf888b;
--color-peaches-of-immortality-500: #bb6c70;
--color-peaches-of-immortality-600: #9e5b5f;
--color-peaches-of-immortality-700: #7f494c;
--color-peaches-of-immortality-800: #5e3438;
--color-peaches-of-immortality-900: #422426;
--color-peaches-of-immortality-950: #2a1215;
}SCSS
$peaches-of-immortality: #d18689;
$peaches-of-immortality-rgb: 209, 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);
}