Cor nomeada · #F7F5C8
Fizzy & Dizzy
Fizzy & Dizzy é #F7F5C8: rgb(247 245 200), hsl(57 75% 88%), oklch(0.96 0.058 105.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Fizzy & Dizzy color name →
#F7F5C8
oklch(0.96 0.058 105.3)
Conversões de cor
- HEX
- #f7f5c8
- RGB
- rgb(247 245 200)
- HSL
- hsl(57 75% 88%)
- HWB
- hwb(57 78% 3%)
- OKLCH
- oklch(0.96 0.058 105.3)
- OKLab
- oklab(0.96 -0.015 0.056)
- CIE Lab
- lab(95.85 -4.62 22.03)
- LCH
- lch(95.85 22.51 101.8)
- CMYK
- cmyk(0% 1% 19% 3%)
Tons claros · Sombras · Tons
Tons claros
- F8F6CE
- F9F7D3
- F9F8D9
- FAF9DE
- FBFAE4
- FCFBE9
- FDFCEF
- FDFDF4
- FEFEFA
Sombras
- D7D5AE
- B7B694
- 99987B
- 7C7B63
- 605F4C
- 454436
- 2C2B21
- 15150F
- 030302
Tons
- EAE9C1
- DEDDB9
- D2D1B2
- C6C5AB
- BAB9A4
- AEAD9D
- A2A295
- 97968E
- 8B8B87
Harmonias de cor
Complementar +180°
- F7F5C8
Fizzy & Dizzy
- F0F0FF
≈ Foundation White
Análoga -30° +30°
- F7F5C8
Fizzy & Dizzy
- FFF0DB
≈ Peach Cream
- E1FCD5
≈ Transparent Green
Tríade +120° +240°
- F7F5C8
Fizzy & Dizzy
- E1F6FF
≈ Glacial Day
- FFECF6
≈ Partial Pink
Complementar dividida +150° +210°
- F7F5C8
Fizzy & Dizzy
- EAF3FF
≈ Moon White
- F9EDFF
≈ Placebo Fuchsia
Tétrade +90° +180° +270°
- F7F5C8
Fizzy & Dizzy
- C5FFFE
≈ VIC 20 Blue
- F0F0FF
≈ Foundation White
- FFEDEE
≈ Translucent Unicorn
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.11:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.84:1 · APCA Lc 100
Melhor cor de texto: #000000
WCAG 18.84:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
CSS
:root {
--fizzy-dizzy: #f7f5c8;
--fizzy-dizzy-rgb: 247 245 200;
--fizzy-dizzy-oklch: oklch(0.96 0.058 105.3);
}
.element {
color: var(--fizzy-dizzy);
background-color: hsl(57 75% 88%);
border-color: oklch(0.96 0.058 105.3);
}Tailwind CSS v4
@theme {
--color-fizzy-dizzy: #f7f5c8;
--color-fizzy-dizzy-50: #f6f7e4;
--color-fizzy-dizzy-100: #e9ead4;
--color-fizzy-dizzy-200: #d6d6ba;
--color-fizzy-dizzy-300: #baba98;
--color-fizzy-dizzy-400: #a3a179;
--color-fizzy-dizzy-500: #8b895b;
--color-fizzy-dizzy-600: #76744d;
--color-fizzy-dizzy-700: #5e5d3e;
--color-fizzy-dizzy-800: #46432c;
--color-fizzy-dizzy-900: #302f1d;
--color-fizzy-dizzy-950: #1d1b0d;
}SCSS
$fizzy-dizzy: #f7f5c8;
$fizzy-dizzy-rgb: 247, 245, 200;
$fizzy-dizzy-light: mix(#fff, $fizzy-dizzy, 20%);
$fizzy-dizzy-dark: mix(#000, $fizzy-dizzy, 20%);
.element {
color: $fizzy-dizzy;
box-shadow: 0 0 0 2px rgba($fizzy-dizzy, 0.35);
}