En yakın adlandırılmış renk · #F7E6FD
#F7E6FD
En yakın adlandırılmış renk: Minute Mauve
#F7E6FD (rgb(247 230 253), hsl(284 85% 95%), oklch(0.945 0.035 317.3)) en çok Minute Mauve adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#F7E6FD
oklch(0.945 0.035 317.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F8E9FD
- F9EBFD
- F9EEFE
- FAF0FE
- FBF3FE
- FCF5FE
- FDF8FE
- FDFAFF
- FEFDFF
Koyu tonlar
- D7C8DC
- B7ABBC
- 998E9D
- 7C737F
- 605962
- 454047
- 2C282D
- 151316
- 030303
Gri tonlar
- EADBF0
- DED1E3
- D2C6D6
- C6BCC9
- BAB2BD
- AEA8B0
- A29DA4
- 979498
- 8B8A8C
Renk uyumları
Tamamlayıcı +180°
- F7E6FD
Minute Mauve
- E2F3DC
≈ Sea Cap
Analog -30° +30°
- F7E6FD
Minute Mauve
- EBEBFF
≈ Placebo Purple
- FFE4F1
≈ Sweetly
Üçlü +120° +240°
- F7E6FD
Minute Mauve
- FBEAD3
≈ Country Lane
- D3F5F5
≈ Fishious Rend
Bölünmüş tamamlayıcı +150° +210°
- F7E6FD
Minute Mauve
- EFEFD4
≈ Morning Glow
- D7F5E8
≈ Diluted Mint
Dörtlü +90° +180° +270°
- F7E6FD
Minute Mauve
- FFE7DC
≈ French Manicure
- E2F3DC
≈ Sea Cap
- D6F2FF
≈ Water
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.18:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.69:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.69:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
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);
}