Nazwany kolor · #FBF6DE
Mini Cake
Mini Cake to #FBF6DE: rgb(251 246 222), hsl(50 78% 93%), oklch(0.971 0.032 97.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mini Cake color name →
#FBF6DE
oklch(0.971 0.032 97.3)
Konwersje koloru
- HEX
- #fbf6de
- RGB
- rgb(251 246 222)
- HSL
- hsl(50 78% 93%)
- HWB
- hwb(50 87% 2%)
- OKLCH
- oklch(0.971 0.032 97.3)
- OKLab
- oklab(0.971 -0.004 0.032)
- CIE Lab
- lab(96.8 -1.21 12.22)
- LCH
- lch(96.8 12.28 95.7)
- CMYK
- cmyk(0% 2% 12% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBF7E1
- FCF8E5
- FCF9E8
- FDFAEB
- FDFBEF
- FDFBF2
- FEFCF5
- FEFDF8
- FFFEFC
Odcienie ciemniejsze
- DAD6C1
- BAB7A5
- 9C9889
- 7E7B6F
- 615F55
- 46453D
- 2D2C26
- 151512
- 030302
Tony
- EEEAD4
- E1DDCB
- D5D1C1
- C8C5B7
- BCB9AE
- AFAEA5
- A3A29B
- 979692
- 8C8B89
Harmonie kolorów
Komplementarna +180°
- FBF6DE
Mini Cake
- F3F5FF
≈ Cotton Ball
Analogowa -30° +30°
- FBF6DE
Mini Cake
- FFF3E7
≈ What’s Left
- EFFAE3
≈ Crème de Menthe
Triada +120° +240°
- FBF6DE
Mini Cake
- E6F9FF
≈ Clear Skies
- FFF0FA
≈ Pinkish White
Komplementarna rozszczepiona +150° +210°
- FBF6DE
Mini Cake
- EEF7FF
≈ Alice Blue
- F8F2FF
≈ Cloud Break
Tetrada +90° +180° +270°
- FBF6DE
Mini Cake
- DEFDF9
≈ Cold Canada
- F3F5FF
≈ Cotton Ball
- FFF1F3
≈ Sefid White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.08:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.33:1 · APCA Lc 102
Najlepszy kolor tekstu: #000000
WCAG 19.33:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
CSS
:root {
--mini-cake: #fbf6de;
--mini-cake-rgb: 251 246 222;
--mini-cake-oklch: oklch(0.971 0.032 97.3);
}
.element {
color: var(--mini-cake);
background-color: hsl(50 78% 93%);
border-color: oklch(0.971 0.032 97.3);
}Tailwind CSS v4
@theme {
--color-mini-cake: #fbf6de;
--color-mini-cake-50: #f7f5eb;
--color-mini-cake-100: #eae8dc;
--color-mini-cake-200: #d7d5c6;
--color-mini-cake-300: #bbb8a6;
--color-mini-cake-400: #a39f8a;
--color-mini-cake-500: #8c876f;
--color-mini-cake-600: #76725e;
--color-mini-cake-700: #5f5b4b;
--color-mini-cake-800: #464236;
--color-mini-cake-900: #302e25;
--color-mini-cake-950: #1c1b14;
}SCSS
$mini-cake: #fbf6de;
$mini-cake-rgb: 251, 246, 222;
$mini-cake-light: mix(#fff, $mini-cake, 20%);
$mini-cake-dark: mix(#000, $mini-cake, 20%);
.element {
color: $mini-cake;
box-shadow: 0 0 0 2px rgba($mini-cake, 0.35);
}