Cor nomeada · #FFFCD3
Creamed Butter
Creamed Butter é #FFFCD3: rgb(255 252 211), hsl(56 100% 91%), oklch(0.983 0.053 103.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Creamed Butter color name →
#FFFCD3
oklch(0.983 0.053 103.9)
Conversões de cor
- HEX
- #fffcd3
- RGB
- rgb(255 252 211)
- HSL
- hsl(56 100% 91%)
- HWB
- hwb(56 83% 0%)
- OKLCH
- oklch(0.983 0.053 103.9)
- OKLab
- oklab(0.983 -0.013 0.051)
- CIE Lab
- lab(98.43 -3.83 20.11)
- LCH
- lch(98.43 20.47 100.8)
- CMYK
- cmyk(0% 1% 17% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFFCD8
- FFFDDC
- FFFDE1
- FFFDE5
- FFFEE9
- FFFEEE
- FFFEF2
- FFFEF6
- FFFFFB
Sombras
- DEDBB7
- BEBB9C
- 9E9C82
- 807E69
- 636251
- 48473A
- 2E2D24
- 161610
- 030302
Tons
- F2EFCB
- E4E2C2
- D7D5BA
- CAC9B1
- BDBCA9
- B1B0A1
- A4A498
- 989890
- 8C8C88
Harmonias de cor
Complementar +180°
- FFFCD3
Creamed Butter
- F9F9FF
≈ Ghost White
Análoga -30° +30°
- FFFCD3
Creamed Butter
- FFF8F0
≈ Satin Purse
- F0FFE8
≈ Crème de Menthe
Tríade +120° +240°
- FFFCD3
Creamed Butter
- F2FBFF
≈ Heart of Ice
- FFF7FB
≈ Cold Snow
Complementar dividida +150° +210°
- FFFCD3
Creamed Butter
- F6FAFF
≈ Heart of Ice
- FCF7FF
≈ Cold Snow
Tétrade +90° +180° +270°
- FFFCD3
Creamed Butter
- E8FFFE
≈ Bubbles
- F9F9FF
≈ Ghost White
- FFF7F8
≈ Sea Salt Sherbet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.04:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 20.11:1 · APCA Lc 105
Melhor cor de texto: #000000
WCAG 20.11:1 (AAA) · APCA Lc 105
Contrast pairs
Trechos de código
CSS
:root {
--creamed-butter: #fffcd3;
--creamed-butter-rgb: 255 252 211;
--creamed-butter-oklch: oklch(0.983 0.053 103.9);
}
.element {
color: var(--creamed-butter);
background-color: hsl(56 100% 91%);
border-color: oklch(0.983 0.053 103.9);
}Tailwind CSS v4
@theme {
--color-creamed-butter: #fffcd3;
--color-creamed-butter-50: #f7f6e5;
--color-creamed-butter-100: #eae9d5;
--color-creamed-butter-200: #d7d6bc;
--color-creamed-butter-300: #baba9b;
--color-creamed-butter-400: #a3a07c;
--color-creamed-butter-500: #8c885f;
--color-creamed-butter-600: #767351;
--color-creamed-butter-700: #5f5c40;
--color-creamed-butter-800: #46432e;
--color-creamed-butter-900: #302e1f;
--color-creamed-butter-950: #1d1b0f;
}SCSS
$creamed-butter: #fffcd3;
$creamed-butter-rgb: 255, 252, 211;
$creamed-butter-light: mix(#fff, $creamed-butter, 20%);
$creamed-butter-dark: mix(#000, $creamed-butter, 20%);
.element {
color: $creamed-butter;
box-shadow: 0 0 0 2px rgba($creamed-butter, 0.35);
}