Couleur nommée la plus proche · #CF878D
#CF878D
Couleur nommée la plus proche: Peaches of Immortality
#CF878D (rgb(207 135 141), hsl(355 43% 67%), oklch(0.699 0.089 14.2)) 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.
#CF878D
oklch(0.699 0.089 14.2)
Conversions de couleur
- HEX
- #cf878d
- RGB
- rgb(207 135 141)
- HSL
- hsl(355 43% 67%)
- HWB
- hwb(355 53% 19%)
- OKLCH
- oklch(0.699 0.089 14.2)
- OKLab
- oklab(0.699 0.086 0.022)
- CIE Lab
- lab(64.05 28.93 8.83)
- LCH
- lch(64.05 30.25 17)
- CMYK
- cmyk(0% 35% 32% 19%)
Teintes · Ombres · Tons
Teintes
- D59398
- DA9FA3
- DFAAAE
- E4B6B9
- E9C2C5
- EECED0
- F2DADC
- F7E7E7
- FBF3F3
Ombres
- B4757A
- 996367
- 7F5155
- 674144
- 4F3133
- 382123
- 231314
- 100607
- 020101
Tons
- C7878C
- C0868A
- B88689
- B08588
- A88487
- A08485
- 998384
- 908283
- 888181
Harmonies de couleurs
Complémentaire +180°
- CF878D
Peaches of Immortality
- 51AFAE
≈ Crystalsong Blue
Analogue -30° +30°
- CF878D
Peaches of Immortality
- C688AB
≈ Moonlight Mauve
- CD8C70
≈ Cinnamon Brandy
Triadique +120° +240°
- CF878D
Peaches of Immortality
- 87AA72
≈ Wyvern Green
- 77A1D4
≈ Kindred
Complémentaire divisée +150° +210°
- CF878D
Peaches of Immortality
- 66B08F
≈ Electra
- 5AAAC7
≈ Frozen Wave
Tétradique +90° +180° +270°
- CF878D
Peaches of Immortality
- A7A15E
≈ Mediaeval Sulphur
- 51AFAE
≈ Crystalsong Blue
- 9797D4
≈ Bluebell Frost
Contraste et accessibilité
Sur blanc
WCAG 2.79:1 · APCA Lc 54
Sur noir
WCAG 7.50:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--peaches-of-immortality: #cf878d;
--peaches-of-immortality-rgb: 207 135 141;
--peaches-of-immortality-oklch: oklch(0.699 0.089 14.2);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(355 43% 67%);
border-color: oklch(0.699 0.089 14.2);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #cf878d;
--color-peaches-of-immortality-50: #ffecec;
--color-peaches-of-immortality-100: #ffddde;
--color-peaches-of-immortality-200: #f8c6c7;
--color-peaches-of-immortality-300: #e1a5a8;
--color-peaches-of-immortality-400: #cd898e;
--color-peaches-of-immortality-500: #b96d74;
--color-peaches-of-immortality-600: #9c5c62;
--color-peaches-of-immortality-700: #7e4a4e;
--color-peaches-of-immortality-800: #5d353a;
--color-peaches-of-immortality-900: #412428;
--color-peaches-of-immortality-950: #2a1316;
}SCSS
$peaches-of-immortality: #cf878d;
$peaches-of-immortality-rgb: 207, 135, 141;
$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);
}