Cor nomeada mais próxima · #F5E9FD
#F5E9FD
Cor nomeada mais próxima: Minute Mauve
#F5E9FD (rgb(245 233 253), hsl(276 83% 95%), oklch(0.949 0.029 312.1)) é 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.
#F5E9FD
oklch(0.949 0.029 312.1)
Conversões de cor
- HEX
- #f5e9fd
- RGB
- rgb(245 233 253)
- HSL
- hsl(276 83% 95%)
- HWB
- hwb(276 91% 1%)
- OKLCH
- oklch(0.949 0.029 312.1)
- OKLab
- oklab(0.949 0.02 -0.022)
- CIE Lab
- lab(93.75 6.84 -8.17)
- LCH
- lch(93.75 10.66 309.9)
- CMYK
- cmyk(3% 8% 0% 1%)
Tons claros · Sombras · Tons
Tons claros
- F6EBFD
- F7EDFD
- F8F0FE
- F9F2FE
- FAF4FE
- FBF6FE
- FCF8FE
- FDFBFF
- FEFDFF
Sombras
- D5CBDC
- B6ADBC
- 98909D
- 7B747F
- 5F5A62
- 444147
- 2B292D
- 151316
- 030303
Tons
- E9DEF0
- DDD3E3
- D0C8D6
- C5BEC9
- B9B3BD
- ADA9B0
- A29EA4
- 969498
- 8B8A8C
Harmonias de cor
Complementar +180°
- F5E9FD
Minute Mauve
- E7F3DF
≈ Mossy White
Análoga -30° +30°
- F5E9FD
Minute Mauve
- EBEDFF
≈ Carte Blanche
- FDE7F4
≈ Dolomite Crystal
Tríade +120° +240°
- F5E9FD
Minute Mauve
- FBECD9
≈ White Blush
- D9F5F3
≈ Fishious Rend
Complementar dividida +150° +210°
- F5E9FD
Minute Mauve
- F2EFD9
≈ Washed Canvas
- DEF5E8
≈ Treacherous Blizzard
Tétrade +90° +180° +270°
- F5E9FD
Minute Mauve
- FFE9E1
≈ Translucent Silk
- E7F3DF
≈ Mossy White
- DAF3FD
≈ Wizard White
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre preto
WCAG 17.95:1 · APCA Lc 96
Melhor cor de texto: #000000
WCAG 17.95:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--minute-mauve: #f5e9fd;
--minute-mauve-rgb: 245 233 253;
--minute-mauve-oklch: oklch(0.949 0.029 312.1);
}
.element {
color: var(--minute-mauve);
background-color: hsl(276 83% 95%);
border-color: oklch(0.949 0.029 312.1);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #f5e9fd;
--color-minute-mauve-50: #f8f3fb;
--color-minute-mauve-100: #ebe5ef;
--color-minute-mauve-200: #d9d1dd;
--color-minute-mauve-300: #bdb3c2;
--color-minute-mauve-400: #a49aab;
--color-minute-mauve-500: #8d8195;
--color-minute-mauve-600: #776d7e;
--color-minute-mauve-700: #5f5765;
--color-minute-mauve-800: #45404a;
--color-minute-mauve-900: #302c33;
--color-minute-mauve-950: #1c191f;
}SCSS
$minute-mauve: #f5e9fd;
$minute-mauve-rgb: 245, 233, 253;
$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);
}