En yakın adlandırılmış renk · #CD888C
#CD888C
En yakın adlandırılmış renk: Peaches of Immortality
#CD888C (rgb(205 136 140), hsl(357 41% 67%), oklch(0.698 0.085 15.7)) en çok Peaches of Immortality adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CD888C
oklch(0.698 0.085 15.7)
Renk dönüşümleri
- HEX
- #cd888c
- RGB
- rgb(205 136 140)
- HSL
- hsl(357 41% 67%)
- HWB
- hwb(357 53% 20%)
- OKLCH
- oklch(0.698 0.085 15.7)
- OKLab
- oklab(0.698 0.082 0.023)
- CIE Lab
- lab(64.02 27.55 9.3)
- LCH
- lch(64.02 29.07 18.7)
- CMYK
- cmyk(0% 34% 32% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D39497
- D89FA2
- DEABAD
- E3B7B9
- E8C3C4
- EDCFD0
- F2DBDB
- F6E7E7
- FBF3F3
Koyu tonlar
- B27579
- 986367
- 7E5255
- 664143
- 4E3133
- 382223
- 231314
- 0F0607
- 020101
Gri tonlar
- C6878B
- BE878A
- B68688
- AF8687
- A78586
- A08485
- 988384
- 908282
- 888181
Renk uyumları
Tamamlayıcı +180°
- CD888C
Peaches of Immortality
- 56AEAF
≈ Blue Turquoise
Analog -30° +30°
- CD888C
Peaches of Immortality
- C588A9
≈ Rosy
- CA8D71
≈ Baker’s Dream
Üçlü +120° +240°
- CD888C
Peaches of Immortality
- 86AA75
≈ Lush Fields
- 7AA0D2
≈ Boudoir Blue
Bölünmüş tamamlayıcı +150° +210°
- CD888C
Peaches of Immortality
- 67AF91
≈ Dublin Jack
- 5FA9C6
≈ Frozen Wave
Dörtlü +90° +180° +270°
- CD888C
Peaches of Immortality
- A5A161
≈ Mediaeval Sulphur
- 56AEAF
≈ Blue Turquoise
- 9896D1
≈ Bluebell Frost
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.49:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--peaches-of-immortality: #cd888c;
--peaches-of-immortality-rgb: 205 136 140;
--peaches-of-immortality-oklch: oklch(0.698 0.085 15.7);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(357 41% 67%);
border-color: oklch(0.698 0.085 15.7);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #cd888c;
--color-peaches-of-immortality-50: #ffecec;
--color-peaches-of-immortality-100: #ffdddd;
--color-peaches-of-immortality-200: #f7c6c7;
--color-peaches-of-immortality-300: #e0a6a7;
--color-peaches-of-immortality-400: #cc8a8e;
--color-peaches-of-immortality-500: #b76e73;
--color-peaches-of-immortality-600: #9b5e62;
--color-peaches-of-immortality-700: #7c4b4e;
--color-peaches-of-immortality-800: #5c363a;
--color-peaches-of-immortality-900: #412527;
--color-peaches-of-immortality-950: #291316;
}SCSS
$peaches-of-immortality: #cd888c;
$peaches-of-immortality-rgb: 205, 136, 140;
$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);
}