Nearest named color · #F7E6FD
#F7E6FD
Nearest named color: Minute Mauve
#F7E6FD (rgb(247 230 253), hsl(284 85% 95%), oklch(0.945 0.035 317.3)) is closest to the named color Minute Mauve. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F7E6FD
oklch(0.945 0.035 317.3)
Color conversions
- HEX
- #f7e6fd
- RGB
- rgb(247 230 253)
- HSL
- hsl(284 85% 95%)
- HWB
- hwb(284 90% 1%)
- OKLCH
- oklch(0.945 0.035 317.3)
- OKLab
- oklab(0.945 0.026 -0.024)
- CIE Lab
- lab(93.18 8.98 -8.98)
- LCH
- lch(93.18 12.7 315)
- CMYK
- cmyk(2% 9% 0% 1%)
Tints · Shades · Tones
Tints
- F8E9FD
- F9EBFD
- F9EEFE
- FAF0FE
- FBF3FE
- FCF5FE
- FDF8FE
- FDFAFF
- FEFDFF
Shades
- D7C8DC
- B7ABBC
- 998E9D
- 7C737F
- 605962
- 454047
- 2C282D
- 151316
- 030303
Tones
- EADBF0
- DED1E3
- D2C6D6
- C6BCC9
- BAB2BD
- AEA8B0
- A29DA4
- 979498
- 8B8A8C
Color harmonies
Complementary +180°
- F7E6FD
Minute Mauve
- E2F3DC
≈ Sea Cap
Analogous -30° +30°
- F7E6FD
Minute Mauve
- EBEBFF
≈ Placebo Purple
- FFE4F1
≈ Sweetly
Triadic +120° +240°
- F7E6FD
Minute Mauve
- FBEAD3
≈ Country Lane
- D3F5F5
≈ Fishious Rend
Split-complementary +150° +210°
- F7E6FD
Minute Mauve
- EFEFD4
≈ Morning Glow
- D7F5E8
≈ Diluted Mint
Tetradic +90° +180° +270°
- F7E6FD
Minute Mauve
- FFE7DC
≈ French Manicure
- E2F3DC
≈ Sea Cap
- D6F2FF
≈ Water
Contrast & accessibility
Ag
FailOn white
WCAG 1.18:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.69:1 · APCA Lc 95
Best text color: #000000
WCAG 17.69:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--minute-mauve: #f7e6fd;
--minute-mauve-rgb: 247 230 253;
--minute-mauve-oklch: oklch(0.945 0.035 317.3);
}
.element {
color: var(--minute-mauve);
background-color: hsl(284 85% 95%);
border-color: oklch(0.945 0.035 317.3);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #f7e6fd;
--color-minute-mauve-50: #faf2fc;
--color-minute-mauve-100: #ede4f0;
--color-minute-mauve-200: #dbd0de;
--color-minute-mauve-300: #c0b2c3;
--color-minute-mauve-400: #a798ad;
--color-minute-mauve-500: #907f96;
--color-minute-mauve-600: #7a6c7f;
--color-minute-mauve-700: #625666;
--color-minute-mauve-800: #473f4b;
--color-minute-mauve-900: #312b34;
--color-minute-mauve-950: #1d191f;
}SCSS
$minute-mauve: #f7e6fd;
$minute-mauve-rgb: 247, 230, 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);
}