Cor nomeada mais próxima · #E09F98
#E09F98
Cor nomeada mais próxima: She Loves Pink
#E09F98 (rgb(224 159 152), hsl(6 54% 74%), oklch(0.763 0.079 25.9)) é mais próxima da cor nomeada She Loves Pink. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E09F98
oklch(0.763 0.079 25.9)
Conversões de cor
- HEX
- #e09f98
- RGB
- rgb(224 159 152)
- HSL
- hsl(6 54% 74%)
- HWB
- hwb(6 60% 12%)
- OKLCH
- oklch(0.763 0.079 25.9)
- OKLab
- oklab(0.763 0.071 0.034)
- CIE Lab
- lab(71.79 24.23 13.83)
- LCH
- lch(71.79 27.9 29.7)
- CMYK
- cmyk(0% 29% 32% 12%)
Tons claros · Sombras · Tons
Tons claros
- E4A9A2
- E7B2AC
- EBBCB6
- EEC5C0
- F1CFCB
- F4D8D5
- F7E2DF
- FAECEA
- FDF5F4
Sombras
- C38A84
- A67570
- 8A615C
- 704D4A
- 563B38
- 3E2927
- 271817
- 120908
- 020101
Tons
- D69C96
- CD9993
- C39691
- BA938F
- B0908C
- A68D8A
- 9D8A87
- 938685
- 8A8382
Harmonias de cor
Complementar +180°
- E09F98
She Loves Pink
- 72C1CB
≈ Luna Moona
Análoga -30° +30°
- E09F98
She Loves Pink
- DB9DB4
≈ Haute Pink
- DAA581
≈ Windswept Canyon
Tríade +120° +240°
- E09F98
She Loves Pink
- 92C094
≈ Velvet Leaf
- 9BB1E5
≈ Myrtle Flower
Complementar dividida +150° +210°
- E09F98
She Loves Pink
- 79C3B0
≈ Pale Jade
- 80BADE
≈ Enchanting
Tétrade +90° +180° +270°
- E09F98
She Loves Pink
- AFB97F
≈ Nile
- 72C1CB
≈ Luna Moona
- B6A8DF
≈ Grape Illusion
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.58:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
CSS
:root {
--she-loves-pink: #e09f98;
--she-loves-pink-rgb: 224 159 152;
--she-loves-pink-oklch: oklch(0.763 0.079 25.9);
}
.element {
color: var(--she-loves-pink);
background-color: hsl(6 54% 74%);
border-color: oklch(0.763 0.079 25.9);
}Tailwind CSS v4
@theme {
--color-she-loves-pink: #e09f98;
--color-she-loves-pink-50: #ffede9;
--color-she-loves-pink-100: #ffdfd9;
--color-she-loves-pink-200: #f4c8c2;
--color-she-loves-pink-300: #dda9a1;
--color-she-loves-pink-400: #c98d86;
--color-she-loves-pink-500: #b5716b;
--color-she-loves-pink-600: #99605b;
--color-she-loves-pink-700: #7a4d48;
--color-she-loves-pink-800: #5b3735;
--color-she-loves-pink-900: #402624;
--color-she-loves-pink-950: #281413;
}SCSS
$she-loves-pink: #e09f98;
$she-loves-pink-rgb: 224, 159, 152;
$she-loves-pink-light: mix(#fff, $she-loves-pink, 20%);
$she-loves-pink-dark: mix(#000, $she-loves-pink, 20%);
.element {
color: $she-loves-pink;
box-shadow: 0 0 0 2px rgba($she-loves-pink, 0.35);
}