Cor nomeada mais próxima · #EFDDEA
#EFDDEA
Cor nomeada mais próxima: First Crush
#EFDDEA (rgb(239 221 234), hsl(317 36% 90%), oklch(0.916 0.026 335.5)) é mais próxima da cor nomeada First Crush. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EFDDEA
oklch(0.916 0.026 335.5)
Conversões de cor
- HEX
- #efddea
- RGB
- rgb(239 221 234)
- HSL
- hsl(317 36% 90%)
- HWB
- hwb(317 87% 6%)
- OKLCH
- oklch(0.916 0.026 335.5)
- OKLab
- oklab(0.916 0.024 -0.011)
- CIE Lab
- lab(89.87 8.05 -4.03)
- LCH
- lch(89.87 9 333.4)
- CMYK
- cmyk(0% 8% 2% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1E0EC
- F2E4EE
- F4E7F0
- F5EBF2
- F7EEF4
- F9F1F7
- FAF5F9
- FCF8FB
- FDFCFD
Sombras
- D0C0CB
- B1A4AE
- 948891
- 786E75
- 5C555A
- 423D41
- 2A2629
- 141113
- 030203
Tons
- E3D3DF
- D8CAD4
- CCC0C9
- C1B7BE
- B6ADB4
- ABA4A9
- A09B9F
- 959294
- 8B898A
Harmonias de cor
Complementar +180°
- EFDDEA
First Crush
- D6E9DC
≈ Bath
Análoga -30° +30°
- EFDDEA
First Crush
- E7DFF1
≈ Lingering Lilac
- F4DCE1
≈ Minified Blush
Tríade +120° +240°
- EFDDEA
First Crush
- E8E3D0
≈ Lime-Washed
- D1E8EE
≈ Coastal Mist
Complementar dividida +150° +210°
- EFDDEA
First Crush
- DFE7D4
≈ Hollywood Asparagus
- D1E9E5
≈ Foam
Tétrade +90° +180° +270°
- EFDDEA
First Crush
- F0E0D2
≈ Blushed Cotton
- D6E9DC
≈ Bath
- D6E5F4
≈ Snowdrift Glow
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.20:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--first-crush: #efddea;
--first-crush-rgb: 239 221 234;
--first-crush-oklch: oklch(0.916 0.026 335.5);
}
.element {
color: var(--first-crush);
background-color: hsl(317 36% 90%);
border-color: oklch(0.916 0.026 335.5);
}Tailwind CSS v4
@theme {
--color-first-crush: #efddea;
--color-first-crush-50: #faf2f8;
--color-first-crush-100: #eee5eb;
--color-first-crush-200: #dcd0d8;
--color-first-crush-300: #c1b3bc;
--color-first-crush-400: #a999a4;
--color-first-crush-500: #92808d;
--color-first-crush-600: #7b6c77;
--color-first-crush-700: #63575f;
--color-first-crush-800: #483f46;
--color-first-crush-900: #322b31;
--color-first-crush-950: #1e191d;
}SCSS
$first-crush: #efddea;
$first-crush-rgb: 239, 221, 234;
$first-crush-light: mix(#fff, $first-crush, 20%);
$first-crush-dark: mix(#000, $first-crush, 20%);
.element {
color: $first-crush;
box-shadow: 0 0 0 2px rgba($first-crush, 0.35);
}