Cor nomeada mais próxima · #F7E4F4
#F7E4F4
Cor nomeada mais próxima: Strawberry Bonbon
#F7E4F4 (rgb(247 228 244), hsl(309 54% 93%), oklch(0.939 0.029 330.9)) é mais próxima da cor nomeada Strawberry Bonbon. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F7E4F4
oklch(0.939 0.029 330.9)
Conversões de cor
- HEX
- #f7e4f4
- RGB
- rgb(247 228 244)
- HSL
- hsl(309 54% 93%)
- HWB
- hwb(309 89% 3%)
- OKLCH
- oklch(0.939 0.029 330.9)
- OKLab
- oklab(0.939 0.026 -0.014)
- CIE Lab
- lab(92.48 8.74 -5.33)
- LCH
- lch(92.48 10.24 328.6)
- CMYK
- cmyk(0% 8% 1% 3%)
Tons claros · Sombras · Tons
Tons claros
- F8E7F5
- F9E9F6
- F9ECF7
- FAEFF8
- FBF1FA
- FCF4FB
- FDF7FC
- FDFAFD
- FEFCFE
Sombras
- D7C6D4
- B7A9B5
- 998D97
- 7C727A
- 60585E
- 453F44
- 2C282B
- 151214
- 030303
Tons
- EBDAE8
- DECFDC
- D2C5D0
- C6BBC4
- BAB1B8
- AEA7AD
- A29DA1
- 979396
- 8B8A8B
Harmonias de cor
Complementar +180°
- F7E4F4
Strawberry Bonbon
- DDF1E1
≈ Aloe Mist
Análoga -30° +30°
- F7E4F4
Strawberry Bonbon
- EEE7FC
≈ Bright Dusk
- FDE3E9
≈ Hepatica
Tríade +120° +240°
- F7E4F4
Strawberry Bonbon
- F2EAD5
≈ Yucca White
- D5F1F6
≈ Water
Complementar dividida +150° +210°
- F7E4F4
Strawberry Bonbon
- E7EED9
≈ Diluted Lime
- D7F2EC
≈ Sea Ice
Tétrade +90° +180° +270°
- F7E4F4
Strawberry Bonbon
- FAE7D7
≈ Aria Ivory
- DDF1E1
≈ Aloe Mist
- DAEEFD
≈ Calcareous Sinter
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre preto
WCAG 17.35:1 · APCA Lc 94
Melhor cor de texto: #000000
WCAG 17.35:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--strawberry-bonbon: #f7e4f4;
--strawberry-bonbon-rgb: 247 228 244;
--strawberry-bonbon-oklch: oklch(0.939 0.029 330.9);
}
.element {
color: var(--strawberry-bonbon);
background-color: hsl(309 54% 93%);
border-color: oklch(0.939 0.029 330.9);
}Tailwind CSS v4
@theme {
--color-strawberry-bonbon: #f7e4f4;
--color-strawberry-bonbon-50: #fbf2f9;
--color-strawberry-bonbon-100: #eee4ec;
--color-strawberry-bonbon-200: #dcd0da;
--color-strawberry-bonbon-300: #c1b2be;
--color-strawberry-bonbon-400: #a998a7;
--color-strawberry-bonbon-500: #927f8f;
--color-strawberry-bonbon-600: #7c6c79;
--color-strawberry-bonbon-700: #635661;
--color-strawberry-bonbon-800: #483f47;
--color-strawberry-bonbon-900: #322b31;
--color-strawberry-bonbon-950: #1e191d;
}SCSS
$strawberry-bonbon: #f7e4f4;
$strawberry-bonbon-rgb: 247, 228, 244;
$strawberry-bonbon-light: mix(#fff, $strawberry-bonbon, 20%);
$strawberry-bonbon-dark: mix(#000, $strawberry-bonbon, 20%);
.element {
color: $strawberry-bonbon;
box-shadow: 0 0 0 2px rgba($strawberry-bonbon, 0.35);
}