Cor nomeada mais próxima · #DD8083
#DD8083
Cor nomeada mais próxima: Peaches of Immortality
#DD8083 (rgb(221 128 131), hsl(358 58% 68%), oklch(0.701 0.115 18.4)) é 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.
#DD8083
oklch(0.701 0.115 18.4)
Conversões de cor
- HEX
- #dd8083
- RGB
- rgb(221 128 131)
- HSL
- hsl(358 58% 68%)
- HWB
- hwb(358 50% 13%)
- OKLCH
- oklch(0.701 0.115 18.4)
- OKLab
- oklab(0.701 0.109 0.036)
- CIE Lab
- lab(64.11 36.96 14.87)
- LCH
- lch(64.11 39.84 21.9)
- CMYK
- cmyk(0% 42% 41% 13%)
Tons claros · Sombras · Tons
Tons claros
- E28D8F
- E69A9B
- EAA6A7
- EEB3B3
- F1C0C0
- F5CCCC
- F8D9D9
- FAE5E5
- FDF2F2
Sombras
- C06E71
- A45D60
- 884D4F
- 6E3D3F
- 552E2F
- 3D1F20
- 261212
- 110606
- 020101
Tons
- D48183
- CB8183
- C28182
- B98182
- B08282
- A78181
- 9D8181
- 948181
- 8A8180
Harmonias de cor
Complementar +180°
- DD8083
Peaches of Immortality
- 1BB4B9
≈ Cyan Sky
Análoga -30° +30°
- DD8083
Peaches of Immortality
- D380AB
≈ Ice Plant
- D8885D
≈ Late Bloomer
Tríade +120° +240°
- DD8083
Peaches of Immortality
- 7AB068
≈ Soon to Be Hay
- 71A0E6
≈ Greek Sea
Complementar dividida +150° +210°
- DD8083
Peaches of Immortality
- 46B691
≈ Aruba Green
- 40ACD7
≈ Highlighter Blue
Tétrade +90° +180° +270°
- DD8083
Peaches of Immortality
- A5A448
≈ Camo Green
- 1BB4B9
≈ Cyan Sky
- 9C93E2
≈ Dull Lavender
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.48:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--peaches-of-immortality: #dd8083;
--peaches-of-immortality-rgb: 221 128 131;
--peaches-of-immortality-oklch: oklch(0.701 0.115 18.4);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(358 58% 68%);
border-color: oklch(0.701 0.115 18.4);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #dd8083;
--color-peaches-of-immortality-50: #ffe9e7;
--color-peaches-of-immortality-100: #ffd9d8;
--color-peaches-of-immortality-200: #ffc1c0;
--color-peaches-of-immortality-300: #eda09f;
--color-peaches-of-immortality-400: #da8284;
--color-peaches-of-immortality-500: #c76368;
--color-peaches-of-immortality-600: #a85559;
--color-peaches-of-immortality-700: #874447;
--color-peaches-of-immortality-800: #643034;
--color-peaches-of-immortality-900: #462124;
--color-peaches-of-immortality-950: #2d1013;
}SCSS
$peaches-of-immortality: #dd8083;
$peaches-of-immortality-rgb: 221, 128, 131;
$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);
}