Nazwany kolor · #F4EED8
Apple Core
Apple Core to #F4EED8: rgb(244 238 216), hsl(47 56% 90%), oklch(0.948 0.03 94.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Apple Core color name →
#F4EED8
oklch(0.948 0.03 94.3)
Konwersje koloru
- HEX
- #f4eed8
- RGB
- rgb(244 238 216)
- HSL
- hsl(47 56% 90%)
- HWB
- hwb(47 85% 4%)
- OKLCH
- oklch(0.948 0.03 94.3)
- OKLab
- oklab(0.948 -0.002 0.03)
- CIE Lab
- lab(94.13 -0.62 11.45)
- LCH
- lch(94.13 11.47 93.1)
- CMYK
- cmyk(0% 2% 11% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5F0DC
- F6F1E0
- F7F3E4
- F8F5E8
- F9F7EC
- FBF8EF
- FCFAF3
- FDFCF7
- FEFDFB
Odcienie ciemniejsze
- D4CFBC
- B5B1A0
- 979385
- 7A776B
- 5E5C53
- 44423B
- 2B2A25
- 141411
- 030302
Tony
- E8E2CF
- DCD7C6
- D0CCBD
- C4C1B4
- B8B5AB
- ADABA2
- A1A09A
- 969591
- 8B8A88
Harmonie kolorów
Komplementarna +180°
- F4EED8
Apple Core
- E8EDFF
≈ Brilliant White
Analogowa -30° +30°
- F4EED8
Apple Core
- FDEADA
≈ Guiding Star
- E9F2DC
≈ Diminished Mint
Triada +120° +240°
- F4EED8
Apple Core
- D8F3FA
≈ Water
- FBE7F6
≈ Cherry Pearl
Komplementarna rozszczepiona +150° +210°
- F4EED8
Apple Core
- DFF0FF
≈ Wizard White
- F2E9FF
≈ Placebo Purple
Tetrada +90° +180° +270°
- F4EED8
Apple Core
- D9F5F0
≈ Minted Ice
- E8EDFF
≈ Brilliant White
- FFE7EB
≈ Porcelain Skin
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.16:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 18.06:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.06:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--apple-core: #f4eed8;
--apple-core-rgb: 244 238 216;
--apple-core-oklch: oklch(0.948 0.03 94.3);
}
.element {
color: var(--apple-core);
background-color: hsl(47 56% 90%);
border-color: oklch(0.948 0.03 94.3);
}Tailwind CSS v4
@theme {
--color-apple-core: #f4eed8;
--color-apple-core-50: #f7f5ec;
--color-apple-core-100: #eae8dd;
--color-apple-core-200: #d8d4c6;
--color-apple-core-300: #bcb8a7;
--color-apple-core-400: #a49f8b;
--color-apple-core-500: #8c8670;
--color-apple-core-600: #77725f;
--color-apple-core-700: #5f5b4c;
--color-apple-core-800: #464237;
--color-apple-core-900: #302e25;
--color-apple-core-950: #1d1b14;
}SCSS
$apple-core: #f4eed8;
$apple-core-rgb: 244, 238, 216;
$apple-core-light: mix(#fff, $apple-core, 20%);
$apple-core-dark: mix(#000, $apple-core, 20%);
.element {
color: $apple-core;
box-shadow: 0 0 0 2px rgba($apple-core, 0.35);
}