Colore con nome · #FEEBC8
Frittata
Frittata è #FEEBC8: rgb(254 235 200), hsl(39 96% 89%), oklch(0.946 0.05 82.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Frittata color name →
#FEEBC8
oklch(0.946 0.05 82.8)
Conversioni di colore
- HEX
- #feebc8
- RGB
- rgb(254 235 200)
- HSL
- hsl(39 96% 89%)
- HWB
- hwb(39 78% 0%)
- OKLCH
- oklch(0.946 0.05 82.8)
- OKLab
- oklab(0.946 0.006 0.05)
- CIE Lab
- lab(93.93 2.7 19.51)
- LCH
- lch(93.93 19.7 82.1)
- CMYK
- cmyk(0% 7% 21% 0%)
Tinte · Ombre · Toni
Tinte
- FEEDCE
- FEEFD3
- FEF1D9
- FEF3DE
- FFF5E4
- FFF7E9
- FFF9EF
- FFFBF4
- FFFDFA
Ombre
- DDCCAE
- BDAE94
- 9E917B
- 807563
- 635B4C
- 474136
- 2D2921
- 16130F
- 030302
Toni
- F1E0C1
- E4D5B9
- D7CAB2
- CABFAB
- BDB4A4
- B1A99C
- A49F95
- 98948E
- 8C8A87
Armonie di colore
Complementare +180°
- FEEBC8
Frittata
- E4EEFF
≈ Brilliant White
Analogo -30° +30°
- FEEBC8
Frittata
- FFE8DB
≈ Guiding Star
- EDF1CB
≈ Passionate Pause
Triadico +120° +240°
- FEEBC8
Frittata
- C7F8FC
≈ Thin Air
- FCE4FF
≈ Fairy Salt
Complementare divisa +150° +210°
- FEEBC8
Frittata
- DAF1FF
≈ Wizard White
- EDEAFF
≈ Placebo Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.17:1 · APCA Lc 8
Ag
AAASu nero
WCAG 17.93:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.93:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--frittata: #feebc8;
--frittata-rgb: 254 235 200;
--frittata-oklch: oklch(0.946 0.05 82.8);
}
.element {
color: var(--frittata);
background-color: hsl(39 96% 89%);
border-color: oklch(0.946 0.05 82.8);
}Tailwind CSS v4
@theme {
--color-frittata: #feebc8;
--color-frittata-50: #fcf4e5;
--color-frittata-100: #f0e7d6;
--color-frittata-200: #ded3bd;
--color-frittata-300: #c3b69b;
--color-frittata-400: #ad9c7d;
--color-frittata-500: #978460;
--color-frittata-600: #7f6f52;
--color-frittata-700: #665941;
--color-frittata-800: #4b412f;
--color-frittata-900: #342d1f;
--color-frittata-950: #201a0f;
}SCSS
$frittata: #feebc8;
$frittata-rgb: 254, 235, 200;
$frittata-light: mix(#fff, $frittata, 20%);
$frittata-dark: mix(#000, $frittata, 20%);
.element {
color: $frittata;
box-shadow: 0 0 0 2px rgba($frittata, 0.35);
}