En yakın adlandırılmış renk · #F8EAFF
#F8EAFF
En yakın adlandırılmış renk: Minute Mauve
#F8EAFF (rgb(248 234 255), hsl(280 100% 96%), oklch(0.954 0.032 314.7)) 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.
#F8EAFF
oklch(0.954 0.032 314.7)
Renk dönüşümleri
- HEX
- #f8eaff
- RGB
- rgb(248 234 255)
- HSL
- hsl(280 100% 96%)
- HWB
- hwb(280 92% 0%)
- OKLCH
- oklch(0.954 0.032 314.7)
- OKLab
- oklab(0.954 0.022 -0.022)
- CIE Lab
- lab(94.28 7.65 -8.39)
- LCH
- lch(94.28 11.35 312.4)
- CMYK
- cmyk(3% 8% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F9ECFF
- F9EEFF
- FAF0FF
- FBF2FF
- FCF5FF
- FCF7FF
- FDF9FF
- FEFBFF
- FEFDFF
Koyu tonlar
- D8CBDE
- B8AEBE
- 9A919E
- 7C7580
- 605A63
- 454148
- 2C292E
- 151316
- 030303
Gri tonlar
- EBDFF2
- DFD4E4
- D3C9D7
- C6BECA
- BAB4BE
- AEA9B1
- A29FA4
- 979498
- 8B8A8C
Renk uyumları
Tamamlayıcı +180°
- F8EAFF
Minute Mauve
- E7F5E0
≈ Lush Life
Analog -30° +30°
- F8EAFF
Minute Mauve
- EEEEFF
≈ Carte Blanche
- FFE9F4
≈ Fairy Dust
Üçlü +120° +240°
- F8EAFF
Minute Mauve
- FDEDD9
≈ Verve
- D9F7F6
≈ Fishious Rend
Bölünmüş tamamlayıcı +150° +210°
- F8EAFF
Minute Mauve
- F3F1DA
≈ Hipster
- DDF7EA
≈ Treacherous Blizzard
Dörtlü +90° +180° +270°
- F8EAFF
Minute Mauve
- FFEBE3
≈ Peach Breeze
- E7F5E0
≈ Lush Life
- DCF5FF
≈ Glacial Day
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.15:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.20:1 · APCA Lc 97
En iyi metin rengi: #000000
WCAG 18.20:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--minute-mauve: #f8eaff;
--minute-mauve-rgb: 248 234 255;
--minute-mauve-oklch: oklch(0.954 0.032 314.7);
}
.element {
color: var(--minute-mauve);
background-color: hsl(280 100% 96%);
border-color: oklch(0.954 0.032 314.7);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #f8eaff;
--color-minute-mauve-50: #f9f2fb;
--color-minute-mauve-100: #ece5ef;
--color-minute-mauve-200: #dad0dd;
--color-minute-mauve-300: #beb3c2;
--color-minute-mauve-400: #a699ac;
--color-minute-mauve-500: #8e8095;
--color-minute-mauve-600: #786d7e;
--color-minute-mauve-700: #605765;
--color-minute-mauve-800: #463f4a;
--color-minute-mauve-900: #312c34;
--color-minute-mauve-950: #1d191f;
}SCSS
$minute-mauve: #f8eaff;
$minute-mauve-rgb: 248, 234, 255;
$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);
}