Named color · #F4E4B3
Smooth as Corn Silk
Smooth as Corn Silk is #F4E4B3: rgb(244 228 179), hsl(45 75% 83%), oklch(0.92 0.066 92.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Smooth as Corn Silk color name →
#F4E4B3
oklch(0.92 0.066 92.1)
Color conversions
- HEX
- #f4e4b3
- RGB
- rgb(244 228 179)
- HSL
- hsl(45 75% 83%)
- HWB
- hwb(45 70% 4%)
- OKLCH
- oklch(0.92 0.066 92.1)
- OKLab
- oklab(0.92 -0.002 0.066)
- CIE Lab
- lab(91 0.21 26.09)
- LCH
- lch(91 26.09 89.5)
- CMYK
- cmyk(0% 7% 27% 4%)
Tints · Shades · Tones
Tints
- F5E7BB
- F6EAC3
- F7ECCA
- F8EFD2
- F9F2D9
- FBF4E1
- FCF7E9
- FDFAF0
- FEFCF8
Shades
- D4C69B
- B5A984
- 978D6E
- 7A7258
- 5E5843
- 443F2F
- 2B281D
- 14120C
- 030301
Tones
- E8DAAE
- DCCFA9
- D0C5A4
- C4BB9F
- B8B19A
- ADA795
- A19D90
- 96938A
- 8B8A85
Color harmonies
Complementary +180°
- F4E4B3
Smooth as Corn Silk
- DBE4FF
≈ Stoic White
Analogous -30° +30°
- F4E4B3
Smooth as Corn Silk
- FFDDC1
≈ Orange Ice
- DDECBC
≈ Mellow Mint
Triadic +120° +240°
- F4E4B3
Smooth as Corn Silk
- B2F1FE
≈ Northrend
- FFD6F8
≈ Strawberry Frost
Split-complementary +150° +210°
- F4E4B3
Smooth as Corn Silk
- CDE9FF
≈ Veiling Waterfalls
- EADEFF
≈ Lavender Savour
Tetradic +90° +180° +270°
- F4E4B3
Smooth as Corn Silk
- B4F4E8
≈ Pale King’s Blue
- DBE4FF
≈ Stoic White
- FFD9E2
≈ It’s a Girl!
Contrast & accessibility
Ag
FailOn white
WCAG 1.26:1 · APCA Lc 13
Ag
AAAOn black
WCAG 16.59:1 · APCA Lc 91
Best text color: #000000
WCAG 16.59:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--smooth-as-corn-silk: #f4e4b3;
--smooth-as-corn-silk-rgb: 244 228 179;
--smooth-as-corn-silk-oklch: oklch(0.92 0.066 92.1);
}
.element {
color: var(--smooth-as-corn-silk);
background-color: hsl(45 75% 83%);
border-color: oklch(0.92 0.066 92.1);
}Tailwind CSS v4
@theme {
--color-smooth-as-corn-silk: #f4e4b3;
--color-smooth-as-corn-silk-50: #fbf5e1;
--color-smooth-as-corn-silk-100: #efe8d0;
--color-smooth-as-corn-silk-200: #ddd4b5;
--color-smooth-as-corn-silk-300: #c2b792;
--color-smooth-as-corn-silk-400: #ac9e72;
--color-smooth-as-corn-silk-500: #968552;
--color-smooth-as-corn-silk-600: #7f7146;
--color-smooth-as-corn-silk-700: #655a38;
--color-smooth-as-corn-silk-800: #4b4227;
--color-smooth-as-corn-silk-900: #342d1a;
--color-smooth-as-corn-silk-950: #201a0b;
}SCSS
$smooth-as-corn-silk: #f4e4b3;
$smooth-as-corn-silk-rgb: 244, 228, 179;
$smooth-as-corn-silk-light: mix(#fff, $smooth-as-corn-silk, 20%);
$smooth-as-corn-silk-dark: mix(#000, $smooth-as-corn-silk, 20%);
.element {
color: $smooth-as-corn-silk;
box-shadow: 0 0 0 2px rgba($smooth-as-corn-silk, 0.35);
}