Nazwany kolor · #F4E8D1
Golden Mushroom
Golden Mushroom to #F4E8D1: rgb(244 232 209), hsl(39 61% 89%), oklch(0.934 0.033 83.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Golden Mushroom color name →
#F4E8D1
oklch(0.934 0.033 83.7)
Konwersje koloru
- HEX
- #f4e8d1
- RGB
- rgb(244 232 209)
- HSL
- hsl(39 61% 89%)
- HWB
- hwb(39 82% 4%)
- OKLCH
- oklch(0.934 0.033 83.7)
- OKLab
- oklab(0.934 0.004 0.033)
- CIE Lab
- lab(92.51 1.44 12.77)
- LCH
- lch(92.51 12.85 83.6)
- CMYK
- cmyk(0% 5% 14% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5EAD6
- F6EDDA
- F7EFDF
- F8F1E3
- FAF4E8
- FBF6ED
- FCF8F1
- FDFAF6
- FEFDFA
Odcienie ciemniejsze
- D4CAB5
- B5AC9B
- 979081
- 7A7468
- 5E5950
- 444039
- 2B2923
- 141310
- 030302
Tony
- E8DDC9
- DCD2C0
- D0C8B8
- C4BDB0
- B8B3A8
- ADA8A0
- A19E98
- 969490
- 8B8A88
Harmonie kolorów
Komplementarna +180°
- F4E8D1
Golden Mushroom
- DFEAFF
≈ Husky
Analogowa -30° +30°
- F4E8D1
Golden Mushroom
- FCE4D5
≈ Shell Ginger
- E9ECD3
≈ Just Perfect
Triada +120° +240°
- F4E8D1
Golden Mushroom
- D1F0F3
≈ Diamond League
- F5E2F6
≈ Minute Mauve
Komplementarna rozszczepiona +150° +210°
- F4E8D1
Golden Mushroom
- D5EEFC
≈ Ice Castle
- EAE6FE
≈ Cyber Lavender
Tetrada +90° +180° +270°
- F4E8D1
Golden Mushroom
- D4F1E7
≈ Minty Fresh
- DFEAFF
≈ Husky
- FCE1EB
≈ Spun Sugar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.30:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.30:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-mushroom: #f4e8d1;
--golden-mushroom-rgb: 244 232 209;
--golden-mushroom-oklch: oklch(0.934 0.033 83.7);
}
.element {
color: var(--golden-mushroom);
background-color: hsl(39 61% 89%);
border-color: oklch(0.934 0.033 83.7);
}Tailwind CSS v4
@theme {
--color-golden-mushroom: #f4e8d1;
--color-golden-mushroom-50: #f9f5eb;
--color-golden-mushroom-100: #ede7dc;
--color-golden-mushroom-200: #dbd4c5;
--color-golden-mushroom-300: #bfb7a5;
--color-golden-mushroom-400: #a89d89;
--color-golden-mushroom-500: #91856e;
--color-golden-mushroom-600: #7a705d;
--color-golden-mushroom-700: #625a4a;
--color-golden-mushroom-800: #484136;
--color-golden-mushroom-900: #322d25;
--color-golden-mushroom-950: #1e1a13;
}SCSS
$golden-mushroom: #f4e8d1;
$golden-mushroom-rgb: 244, 232, 209;
$golden-mushroom-light: mix(#fff, $golden-mushroom, 20%);
$golden-mushroom-dark: mix(#000, $golden-mushroom, 20%);
.element {
color: $golden-mushroom;
box-shadow: 0 0 0 2px rgba($golden-mushroom, 0.35);
}