Colore con nome · #F4D68C
Pierogi
Pierogi è #F4D68C: rgb(244 214 140), hsl(43 83% 75%), oklch(0.885 0.099 88.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Pierogi color name →
#F4D68C
oklch(0.885 0.099 88.3)
Conversioni di colore
- HEX
- #f4d68c
- RGB
- rgb(244 214 140)
- HSL
- hsl(43 83% 75%)
- HWB
- hwb(43 55% 4%)
- OKLCH
- oklch(0.885 0.099 88.3)
- OKLab
- oklab(0.885 0.003 0.099)
- CIE Lab
- lab(86.96 3.64 40.53)
- LCH
- lch(86.96 40.69 84.9)
- CMYK
- cmyk(0% 12% 43% 4%)
Tinte · Ombre · Toni
Tinte
- F5DA98
- F6DEA4
- F7E3B0
- F9E7BC
- FAEBC7
- FBEFD2
- FCF3DE
- FDF7E9
- FEFBF4
Ombre
- D4BA79
- B59E67
- 978455
- 7A6A43
- 5E5233
- 443B23
- 2B2514
- 141007
- 030201
Toni
- E8CD8C
- DCC48B
- D0BC8A
- C4B38A
- B8AA88
- ADA287
- A19986
- 969184
- 8B8882
Armonie di colore
Complementare +180°
- F4D68C
Pierogi
- C9D9FF
≈ Icy Plains
Analogo -30° +30°
- F4D68C
Pierogi
- FFCEA9
≈ Orenju Ogon Koi
- D3E397
≈ Charming Green
Triadico +120° +240°
- F4D68C
Pierogi
- 84ECFB
≈ Photon Projector
- FDC2FA
≈ Electric Lavender
Complementare divisa +150° +210°
- F4D68C
Pierogi
- B3E0FF
≈ Arctic Paradise
- DED1FF
≈ Pale Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.84:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--pierogi: #f4d68c;
--pierogi-rgb: 244 214 140;
--pierogi-oklch: oklch(0.885 0.099 88.3);
}
.element {
color: var(--pierogi);
background-color: hsl(43 83% 75%);
border-color: oklch(0.885 0.099 88.3);
}Tailwind CSS v4
@theme {
--color-pierogi: #f4d68c;
--color-pierogi-50: #fff5d6;
--color-pierogi-100: #f4e7c3;
--color-pierogi-200: #e4d3a4;
--color-pierogi-300: #cbb67c;
--color-pierogi-400: #b69b57;
--color-pierogi-500: #a1822c;
--color-pierogi-600: #886e28;
--color-pierogi-700: #6d581f;
--color-pierogi-800: #514015;
--color-pierogi-900: #392c0d;
--color-pierogi-950: #231902;
}SCSS
$pierogi: #f4d68c;
$pierogi-rgb: 244, 214, 140;
$pierogi-light: mix(#fff, $pierogi, 20%);
$pierogi-dark: mix(#000, $pierogi, 20%);
.element {
color: $pierogi;
box-shadow: 0 0 0 2px rgba($pierogi, 0.35);
}