Cor nomeada mais próxima · #F0E2F5
#F0E2F5
Cor nomeada mais próxima: Minute Mauve
#F0E2F5 (rgb(240 226 245), hsl(284 49% 92%), oklch(0.929 0.029 317.2)) é mais próxima da cor nomeada Minute Mauve. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F0E2F5
oklch(0.929 0.029 317.2)
Conversões de cor
- HEX
- #f0e2f5
- RGB
- rgb(240 226 245)
- HSL
- hsl(284 49% 92%)
- HWB
- hwb(284 89% 4%)
- OKLCH
- oklch(0.929 0.029 317.2)
- OKLab
- oklab(0.929 0.022 -0.02)
- CIE Lab
- lab(91.43 7.43 -7.47)
- LCH
- lch(91.43 10.53 314.9)
- CMYK
- cmyk(2% 8% 0% 4%)
Tons claros · Sombras · Tons
Tons claros
- F2E5F6
- F3E8F7
- F5EBF8
- F6EEF9
- F8F0FA
- F9F3FB
- FBF6FC
- FCF9FD
- FEFCFE
Sombras
- D1C4D5
- B2A8B6
- 958C98
- 78717B
- 5D575F
- 433E44
- 2A272B
- 141215
- 030303
Tons
- E4D8E9
- D9CEDD
- CDC4D1
- C2BAC5
- B6B0B9
- ABA6AD
- A09CA2
- 959396
- 8B898B
Harmonias de cor
Complementar +180°
- F0E2F5
Minute Mauve
- DFEDDA
≈ Ghost Lichen
Análoga -30° +30°
- F0E2F5
Minute Mauve
- E6E5FB
≈ Lavender Mist
- F8E0EB
≈ Pale Orchid Petal
Tríade +120° +240°
- F0E2F5
Minute Mauve
- F3E6D2
≈ White Hyacinth
- D2EEEE
≈ A Certain Shade of Green
Complementar dividida +150° +210°
- F0E2F5
Minute Mauve
- E9E9D3
≈ Wishy-Washy Yellow
- D6EEE4
≈ Dreamy Clouds
Tétrade +90° +180° +270°
- F0E2F5
Minute Mauve
- F9E2D7
≈ Pink Touch
- DFEDDA
≈ Ghost Lichen
- D4ECF7
≈ Ice Castle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.90:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.90:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--minute-mauve: #f0e2f5;
--minute-mauve-rgb: 240 226 245;
--minute-mauve-oklch: oklch(0.929 0.029 317.2);
}
.element {
color: var(--minute-mauve);
background-color: hsl(284 49% 92%);
border-color: oklch(0.929 0.029 317.2);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #f0e2f5;
--color-minute-mauve-50: #f9f3fb;
--color-minute-mauve-100: #ece5ee;
--color-minute-mauve-200: #dad0dc;
--color-minute-mauve-300: #beb3c1;
--color-minute-mauve-400: #a699aa;
--color-minute-mauve-500: #8e8093;
--color-minute-mauve-600: #786d7d;
--color-minute-mauve-700: #605764;
--color-minute-mauve-800: #463f49;
--color-minute-mauve-900: #312c33;
--color-minute-mauve-950: #1d191f;
}SCSS
$minute-mauve: #f0e2f5;
$minute-mauve-rgb: 240, 226, 245;
$minute-mauve-light: mix(#fff, $minute-mauve, 20%);
$minute-mauve-dark: mix(#000, $minute-mauve, 20%);
.element {
color: $minute-mauve;
box-shadow: 0 0 0 2px rgba($minute-mauve, 0.35);
}