Nazwany kolor · #F7F0D2
Buttered Up
Buttered Up to #F7F0D2: rgb(247 240 210), hsl(49 70% 90%), oklch(0.953 0.04 96.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Buttered Up color name →
#F7F0D2
oklch(0.953 0.04 96.2)
Konwersje koloru
- HEX
- #f7f0d2
- RGB
- rgb(247 240 210)
- HSL
- hsl(49 70% 90%)
- HWB
- hwb(49 82% 3%)
- OKLCH
- oklch(0.953 0.04 96.2)
- OKLab
- oklab(0.953 -0.004 0.04)
- CIE Lab
- lab(94.77 -1.18 15.45)
- LCH
- lch(94.77 15.5 94.4)
- CMYK
- cmyk(0% 3% 15% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F8F2D7
- F9F3DB
- F9F5E0
- FAF6E4
- FBF8E9
- FCF9ED
- FDFBF2
- FDFCF6
- FEFEFB
Odcienie ciemniejsze
- D7D1B6
- B7B29B
- 999581
- 7C7868
- 605D50
- 454339
- 2C2A24
- 151410
- 030302
Tony
- EAE4CA
- DED9C1
- D2CDB9
- C6C2B1
- BAB6A8
- AEABA0
- A2A098
- 979590
- 8B8B88
Harmonie kolorów
Komplementarna +180°
- F7F0D2
Buttered Up
- EBEFFF
≈ Carte Blanche
Analogowa -30° +30°
- F7F0D2
Buttered Up
- FFECD9
≈ Flowerbed
- E8F5D8
≈ Light Green Glint
Triada +120° +240°
- F7F0D2
Buttered Up
- D6F6FF
≈ Glacial Day
- FFE7F8
≈ Dolomite Crystal
Komplementarna rozszczepiona +150° +210°
- F7F0D2
Buttered Up
- E3F1FF
≈ Wizard White
- F4EBFF
≈ Placebo Fuchsia
Tetrada +90° +180° +270°
- F7F0D2
Buttered Up
- D3F9F3
≈ Mid Spring Morning
- EBEFFF
≈ Carte Blanche
- FFE9ED
≈ Rose Mochi
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.14:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.34:1 · APCA Lc 98
Najlepszy kolor tekstu: #000000
WCAG 18.34:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--buttered-up: #f7f0d2;
--buttered-up-rgb: 247 240 210;
--buttered-up-oklch: oklch(0.953 0.04 96.2);
}
.element {
color: var(--buttered-up);
background-color: hsl(49 70% 90%);
border-color: oklch(0.953 0.04 96.2);
}Tailwind CSS v4
@theme {
--color-buttered-up: #f7f0d2;
--color-buttered-up-50: #f8f6e9;
--color-buttered-up-100: #ebe8d9;
--color-buttered-up-200: #d8d5c2;
--color-buttered-up-300: #bcb8a1;
--color-buttered-up-400: #a59f84;
--color-buttered-up-500: #8e8768;
--color-buttered-up-600: #787259;
--color-buttered-up-700: #605b47;
--color-buttered-up-800: #474233;
--color-buttered-up-900: #312e22;
--color-buttered-up-950: #1d1b12;
}SCSS
$buttered-up: #f7f0d2;
$buttered-up-rgb: 247, 240, 210;
$buttered-up-light: mix(#fff, $buttered-up, 20%);
$buttered-up-dark: mix(#000, $buttered-up, 20%);
.element {
color: $buttered-up;
box-shadow: 0 0 0 2px rgba($buttered-up, 0.35);
}