Nazwany kolor · #F0EDDB
Cake Batter
Cake Batter to #F0EDDB: rgb(240 237 219), hsl(51 41% 90%), oklch(0.944 0.024 99.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cake Batter color name →
#F0EDDB
oklch(0.944 0.024 99.1)
Konwersje koloru
- HEX
- #f0eddb
- RGB
- rgb(240 237 219)
- HSL
- hsl(51 41% 90%)
- HWB
- hwb(51 86% 6%)
- OKLCH
- oklch(0.944 0.024 99.1)
- OKLab
- oklab(0.944 -0.004 0.024)
- CIE Lab
- lab(93.62 -1.22 9.13)
- LCH
- lch(93.62 9.21 97.6)
- CMYK
- cmyk(0% 1% 9% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1EFDF
- F3F1E2
- F4F2E6
- F6F4E9
- F7F6ED
- F9F8F1
- FAFAF4
- FCFBF8
- FDFDFB
Odcienie ciemniejsze
- D1CEBE
- B2B0A2
- 959387
- 78776D
- 5D5C54
- 43423C
- 2A2A26
- 141411
- 030302
Tony
- E4E2D2
- D9D6C8
- CDCBBF
- C2C0B6
- B6B5AC
- ABAAA3
- A09F9A
- 959592
- 8B8A89
Harmonie kolorów
Komplementarna +180°
- F0EDDB
Cake Batter
- E8EBFD
≈ Icy Lilac
Analogowa -30° +30°
- F0EDDB
Cake Batter
- F7EADC
≈ Cotton Sheets
- E7F0DF
≈ Mayfair White
Triada +120° +240°
- F0EDDB
Cake Batter
- DCF1F7
≈ Let It Snow
- F8E6F2
≈ Cherry Pearl
Komplementarna rozszczepiona +150° +210°
- F0EDDB
Cake Batter
- E1EEFC
≈ Calcareous Sinter
- F1E8F9
≈ Bright Dusk
Tetrada +90° +180° +270°
- F0EDDB
Cake Batter
- DBF2F0
≈ Aqua Pura
- E8EBFD
≈ Icy Lilac
- FCE6E9
≈ Valerie
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.17:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.84:1 · APCA Lc 96
Najlepszy kolor tekstu: #000000
WCAG 17.84:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--cake-batter: #f0eddb;
--cake-batter-rgb: 240 237 219;
--cake-batter-oklch: oklch(0.944 0.024 99.1);
}
.element {
color: var(--cake-batter);
background-color: hsl(51 41% 90%);
border-color: oklch(0.944 0.024 99.1);
}Tailwind CSS v4
@theme {
--color-cake-batter: #f0eddb;
--color-cake-batter-50: #f6f5ee;
--color-cake-batter-100: #e9e8df;
--color-cake-batter-200: #d6d5c9;
--color-cake-batter-300: #bab8aa;
--color-cake-batter-400: #a29f8f;
--color-cake-batter-500: #8a8775;
--color-cake-batter-600: #757263;
--color-cake-batter-700: #5d5b4f;
--color-cake-batter-800: #454339;
--color-cake-batter-900: #2f2e27;
--color-cake-batter-950: #1c1b15;
}SCSS
$cake-batter: #f0eddb;
$cake-batter-rgb: 240, 237, 219;
$cake-batter-light: mix(#fff, $cake-batter, 20%);
$cake-batter-dark: mix(#000, $cake-batter, 20%);
.element {
color: $cake-batter;
box-shadow: 0 0 0 2px rgba($cake-batter, 0.35);
}