Named color · #F8F3C4
Corn Field
Corn Field is #F8F3C4: rgb(248 243 196), hsl(54 79% 87%), oklch(0.956 0.061 102.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Corn Field color name →
#F8F3C4
oklch(0.956 0.061 102.4)
Color conversions
- HEX
- #f8f3c4
- RGB
- rgb(248 243 196)
- HSL
- hsl(54 79% 87%)
- HWB
- hwb(54 77% 3%)
- OKLCH
- oklch(0.956 0.061 102.4)
- OKLab
- oklab(0.956 -0.013 0.06)
- CIE Lab
- lab(95.36 -3.73 23.41)
- LCH
- lch(95.36 23.71 99.1)
- CMYK
- cmyk(0% 2% 21% 3%)
Tints · Shades · Tones
Tints
- F9F4CA
- F9F6D0
- FAF7D6
- FBF8DC
- FBF9E2
- FCFAE8
- FDFCEE
- FEFDF3
- FEFEF9
Shades
- D8D3AA
- B8B491
- 9A9778
- 7C7A61
- 605E4A
- 454435
- 2C2B21
- 15140E
- 030302
Tones
- EBE7BD
- DFDBB6
- D2CFB0
- C6C4A9
- BAB8A2
- AEAC9B
- A2A194
- 97968E
- 8B8B87
Color harmonies
Complementary +180°
- F8F3C4
Corn Field
- EEEFFF
≈ Carte Blanche
Analogous -30° +30°
- F8F3C4
Corn Field
- FFEED9
≈ Sand Crystal
- E1FAD0
≈ Snow Flurry
Triadic +120° +240°
- F8F3C4
Corn Field
- DDF6FF
≈ Glacial Day
- FFEAF6
≈ Fairy Dust
Split-complementary +150° +210°
- F8F3C4
Corn Field
- E7F2FF
≈ Cotton Boll
- F7EBFF
≈ Placebo Fuchsia
Tetradic +90° +180° +270°
- F8F3C4
Corn Field
- C2FEFB
≈ Crushed Ice
- EEEFFF
≈ Carte Blanche
- FFEBEC
≈ Pink Lemonade
Contrast & accessibility
Ag
FailOn white
WCAG 1.12:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.60:1 · APCA Lc 99
Best text color: #000000
WCAG 18.60:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--corn-field: #f8f3c4;
--corn-field-rgb: 248 243 196;
--corn-field-oklch: oklch(0.956 0.061 102.4);
}
.element {
color: var(--corn-field);
background-color: hsl(54 79% 87%);
border-color: oklch(0.956 0.061 102.4);
}Tailwind CSS v4
@theme {
--color-corn-field: #f8f3c4;
--color-corn-field-50: #f7f6e3;
--color-corn-field-100: #ebe9d2;
--color-corn-field-200: #d8d6b9;
--color-corn-field-300: #bcba96;
--color-corn-field-400: #a5a076;
--color-corn-field-500: #8e8858;
--color-corn-field-600: #78734b;
--color-corn-field-700: #605c3c;
--color-corn-field-800: #47432a;
--color-corn-field-900: #312e1c;
--color-corn-field-950: #1d1b0c;
}SCSS
$corn-field: #f8f3c4;
$corn-field-rgb: 248, 243, 196;
$corn-field-light: mix(#fff, $corn-field, 20%);
$corn-field-dark: mix(#000, $corn-field, 20%);
.element {
color: $corn-field;
box-shadow: 0 0 0 2px rgba($corn-field, 0.35);
}