Colore con nome · #F7F5C8
Fizzy & Dizzy
Fizzy & Dizzy è #F7F5C8: rgb(247 245 200), hsl(57 75% 88%), oklch(0.96 0.058 105.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Fizzy & Dizzy color name →
#F7F5C8
oklch(0.96 0.058 105.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F8F6CE
- F9F7D3
- F9F8D9
- FAF9DE
- FBFAE4
- FCFBE9
- FDFCEF
- FDFDF4
- FEFEFA
Ombre
- D7D5AE
- B7B694
- 99987B
- 7C7B63
- 605F4C
- 454436
- 2C2B21
- 15150F
- 030302
Toni
- EAE9C1
- DEDDB9
- D2D1B2
- C6C5AB
- BAB9A4
- AEAD9D
- A2A295
- 97968E
- 8B8B87
Armonie di colore
Complementare +180°
- F7F5C8
Fizzy & Dizzy
- F0F0FF
≈ Foundation White
Analogo -30° +30°
- F7F5C8
Fizzy & Dizzy
- FFF0DB
≈ Peach Cream
- E1FCD5
≈ Transparent Green
Triadico +120° +240°
- F7F5C8
Fizzy & Dizzy
- E1F6FF
≈ Glacial Day
- FFECF6
≈ Partial Pink
Complementare divisa +150° +210°
- F7F5C8
Fizzy & Dizzy
- EAF3FF
≈ Moon White
- F9EDFF
≈ Placebo Fuchsia
Tetradico +90° +180° +270°
- F7F5C8
Fizzy & Dizzy
- C5FFFE
≈ VIC 20 Blue
- F0F0FF
≈ Foundation White
- FFEDEE
≈ Translucent Unicorn
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.11:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.84:1 · APCA Lc 100
Miglior colore del testo: #000000
WCAG 18.84:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
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);
}