Cor nomeada mais próxima · #CE8886
#CE8886
Cor nomeada mais próxima: Peaches of Immortality
#CE8886 (rgb(206 136 134), hsl(2 42% 67%), oklch(0.697 0.086 21.3)) é mais próxima da cor nomeada Peaches of Immortality. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CE8886
oklch(0.697 0.086 21.3)
Conversões de cor
- HEX
- #ce8886
- RGB
- rgb(206 136 134)
- HSL
- hsl(2 42% 67%)
- HWB
- hwb(2 53% 19%)
- OKLCH
- oklch(0.697 0.086 21.3)
- OKLab
- oklab(0.697 0.081 0.031)
- CIE Lab
- lab(64.02 27.38 12.7)
- LCH
- lch(64.02 30.18 24.9)
- CMYK
- cmyk(0% 34% 35% 19%)
Tons claros · Sombras · Tons
Tons claros
- D49492
- D99F9D
- DEABA9
- E4B7B5
- E9C3C1
- EDCFCD
- F2DBD9
- F7E7E6
- FBF3F2
Sombras
- B37574
- 986362
- 7F5251
- 664140
- 4E3130
- 382221
- 231313
- 0F0606
- 020101
Tons
- C68785
- BF8785
- B78684
- B08684
- A88583
- A08483
- 988382
- 908281
- 888181
Harmonias de cor
Complementar +180°
- CE8886
Peaches of Immortality
- 53AEB4
≈ Thalassa
Análoga -30° +30°
- CE8886
Peaches of Immortality
- C787A4
≈ Moonlight Mauve
- C98E6C
≈ Baker’s Dream
Tríade +120° +240°
- CE8886
Peaches of Immortality
- 7FAB79
≈ Summer Garden
- 7F9ED4
≈ Wisteria Blue
Complementar dividida +150° +210°
- CE8886
Peaches of Immortality
- 61AF97
≈ Green Crush
- 62A7CA
≈ Ethereal Blue
Tétrade +90° +180° +270°
- CE8886
Peaches of Immortality
- 9FA363
≈ Gothic Revival Green
- 53AEB4
≈ Thalassa
- 9E94D0
≈ Distinct Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.49:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--peaches-of-immortality: #ce8886;
--peaches-of-immortality-rgb: 206 136 134;
--peaches-of-immortality-oklch: oklch(0.697 0.086 21.3);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(2 42% 67%);
border-color: oklch(0.697 0.086 21.3);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #ce8886;
--color-peaches-of-immortality-50: #ffece9;
--color-peaches-of-immortality-100: #ffddda;
--color-peaches-of-immortality-200: #f7c7c3;
--color-peaches-of-immortality-300: #e1a7a3;
--color-peaches-of-immortality-400: #cd8a88;
--color-peaches-of-immortality-500: #b96e6d;
--color-peaches-of-immortality-600: #9c5e5c;
--color-peaches-of-immortality-700: #7d4b4a;
--color-peaches-of-immortality-800: #5d3636;
--color-peaches-of-immortality-900: #412525;
--color-peaches-of-immortality-950: #291314;
}SCSS
$peaches-of-immortality: #ce8886;
$peaches-of-immortality-rgb: 206, 136, 134;
$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);
}