Colore con nome · #FFF2C2
Creamy Corn
Creamy Corn è #FFF2C2: rgb(255 242 194), hsl(47 100% 88%), oklch(0.96 0.063 94.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Creamy Corn color name →
#FFF2C2
oklch(0.96 0.063 94.7)
Conversioni di colore
- HEX
- #fff2c2
- RGB
- rgb(255 242 194)
- HSL
- hsl(47 100% 88%)
- HWB
- hwb(47 76% 0%)
- OKLCH
- oklch(0.96 0.063 94.7)
- OKLab
- oklab(0.96 -0.005 0.063)
- CIE Lab
- lab(95.65 -0.87 24.93)
- LCH
- lch(95.65 24.94 92)
- CMYK
- cmyk(0% 5% 24% 0%)
Tinte · Ombre · Toni
Tinte
- FFF3C8
- FFF5CF
- FFF6D5
- FFF7DB
- FFF9E1
- FFFAE7
- FFFBED
- FFFDF3
- FFFEF9
Ombre
- DED2A8
- BEB48F
- 9E9677
- 807960
- 635E49
- 484334
- 2E2B20
- 16140E
- 030302
Toni
- F2E6BB
- E4DAB5
- D7CFAE
- CAC3A8
- BDB7A1
- B1AC9A
- A4A194
- 98968D
- 8C8B87
Armonie di colore
Complementare +180°
- FFF2C2
Creamy Corn
- EEF1FF
≈ Foundation White
Analogo -30° +30°
- FFF2C2
Creamy Corn
- FFEEE0
≈ Soft Coral
- E8FACC
≈ Snow Flurry
Triadico +120° +240°
- FFF2C2
Creamy Corn
- DBF8FF
≈ Glacial Day
- FFEBFA
≈ Strawberry Bonbon
Complementare divisa +150° +210°
- FFF2C2
Creamy Corn
- E7F4FF
≈ Moon White
- F5EEFF
≈ Placebo Fuchsia
Tetradico +90° +180° +270°
- FFF2C2
Creamy Corn
- C7FFF6
≈ Crushed Ice
- EEF1FF
≈ Foundation White
- FFECF0
≈ Sugar Coated
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.73:1 · APCA Lc 99
Miglior colore del testo: #000000
WCAG 18.73:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--creamy-corn: #fff2c2;
--creamy-corn-rgb: 255 242 194;
--creamy-corn-oklch: oklch(0.96 0.063 94.7);
}
.element {
color: var(--creamy-corn);
background-color: hsl(47 100% 88%);
border-color: oklch(0.96 0.063 94.7);
}Tailwind CSS v4
@theme {
--color-creamy-corn: #fff2c2;
--color-creamy-corn-50: #faf6e1;
--color-creamy-corn-100: #eee8d1;
--color-creamy-corn-200: #dcd5b7;
--color-creamy-corn-300: #c0b893;
--color-creamy-corn-400: #aa9e74;
--color-creamy-corn-500: #938655;
--color-creamy-corn-600: #7d7148;
--color-creamy-corn-700: #645b39;
--color-creamy-corn-800: #4a4228;
--color-creamy-corn-900: #332e1b;
--color-creamy-corn-950: #1f1a0b;
}SCSS
$creamy-corn: #fff2c2;
$creamy-corn-rgb: 255, 242, 194;
$creamy-corn-light: mix(#fff, $creamy-corn, 20%);
$creamy-corn-dark: mix(#000, $creamy-corn, 20%);
.element {
color: $creamy-corn;
box-shadow: 0 0 0 2px rgba($creamy-corn, 0.35);
}