En yakın adlandırılmış renk · #F6E9FD
#F6E9FD
En yakın adlandırılmış renk: Minute Mauve
#F6E9FD (rgb(246 233 253), hsl(279 83% 95%), oklch(0.95 0.03 314)) 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.
#F6E9FD
oklch(0.95 0.03 314)
Renk dönüşümleri
- HEX
- #f6e9fd
- RGB
- rgb(246 233 253)
- HSL
- hsl(279 83% 95%)
- HWB
- hwb(279 91% 1%)
- OKLCH
- oklch(0.95 0.03 314)
- OKLab
- oklab(0.95 0.021 -0.021)
- CIE Lab
- lab(93.83 7.18 -8.04)
- LCH
- lch(93.83 10.78 311.8)
- CMYK
- cmyk(3% 8% 0% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F7EBFD
- F8EDFD
- F9F0FE
- FAF2FE
- FBF4FE
- FBF6FE
- FCF8FE
- FDFBFF
- FEFDFF
Koyu tonlar
- D6CBDC
- B7ADBC
- 98909D
- 7B747F
- 5F5A62
- 454147
- 2C292D
- 151316
- 030303
Gri tonlar
- EADEF0
- DDD3E3
- D1C8D6
- C5BEC9
- B9B3BD
- AEA9B0
- A29EA4
- 969498
- 8B8A8C
Renk uyumları
Tamamlayıcı +180°
- F6E9FD
Minute Mauve
- E6F3DF
≈ Sea Cap
Analog -30° +30°
- F6E9FD
Minute Mauve
- ECEDFF
≈ Carte Blanche
- FEE7F3
≈ Fairy Dust
Üçlü +120° +240°
- F6E9FD
Minute Mauve
- FBECD9
≈ White Blush
- D9F5F4
≈ Fishious Rend
Bölünmüş tamamlayıcı +150° +210°
- F6E9FD
Minute Mauve
- F1F0D9
≈ Yellow Emulsion
- DDF5E9
≈ Treacherous Blizzard
Dörtlü +90° +180° +270°
- F6E9FD
Minute Mauve
- FFE9E0
≈ Translucent Silk
- E6F3DF
≈ Sea Cap
- DAF3FE
≈ Wizard White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.16:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 17.99:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.99:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--minute-mauve: #f6e9fd;
--minute-mauve-rgb: 246 233 253;
--minute-mauve-oklch: oklch(0.95 0.03 314);
}
.element {
color: var(--minute-mauve);
background-color: hsl(279 83% 95%);
border-color: oklch(0.95 0.03 314);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #f6e9fd;
--color-minute-mauve-50: #f9f3fb;
--color-minute-mauve-100: #ece5ef;
--color-minute-mauve-200: #d9d1dd;
--color-minute-mauve-300: #beb3c2;
--color-minute-mauve-400: #a599ab;
--color-minute-mauve-500: #8e8194;
--color-minute-mauve-600: #786d7d;
--color-minute-mauve-700: #605764;
--color-minute-mauve-800: #46404a;
--color-minute-mauve-900: #302c33;
--color-minute-mauve-950: #1d191f;
}SCSS
$minute-mauve: #f6e9fd;
$minute-mauve-rgb: 246, 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);
}