Named color · #FFFCDB
Rice Paper
Rice Paper is #FFFCDB: rgb(255 252 219), hsl(55 100% 93%), oklch(0.985 0.043 102.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Rice Paper color name →
#FFFCDB
oklch(0.985 0.043 102.9)
Color conversions
- HEX
- #fffcdb
- RGB
- rgb(255 252 219)
- HSL
- hsl(55 100% 93%)
- HWB
- hwb(55 86% 0%)
- OKLCH
- oklch(0.985 0.043 102.9)
- OKLab
- oklab(0.985 -0.01 0.042)
- CIE Lab
- lab(98.56 -2.95 16.26)
- LCH
- lch(98.56 16.52 100.3)
- CMYK
- cmyk(0% 1% 14% 0%)
Tints · Shades · Tones
Tints
- FFFCDF
- FFFDE2
- FFFDE6
- FFFDEA
- FFFEED
- FFFEF1
- FFFEF4
- FFFEF8
- FFFFFB
Shades
- DEDBBE
- BEBBA2
- 9E9C87
- 807E6D
- 636254
- 48473C
- 2E2D26
- 161611
- 030302
Tones
- F2EFD2
- E4E2C8
- D7D5BF
- CAC9B6
- BDBCAD
- B1B0A4
- A4A49B
- 989892
- 8C8C89
Color harmonies
Complementary +180°
- FFFCDB
Rice Paper
- F9FAFF
≈ Wash Me
Analogous -30° +30°
- FFFCDB
Rice Paper
- FFF9F2
≈ Sugar Milk
- F2FFEA
≈ Crème de Menthe
Triadic +120° +240°
- FFFCDB
Rice Paper
- F3FCFF
≈ Heart of Ice
- FFF8FC
≈ Cold Snow
Split-complementary +150° +210°
- FFFCDB
Rice Paper
- F7FAFF
≈ Heart of Ice
- FCF8FF
≈ Cold Snow
Tetradic +90° +180° +270°
- FFFCDB
Rice Paper
- EBFFFE
≈ Aphrodite’s Pearls
- F9FAFF
≈ Wash Me
- FFF8F9
≈ Snow
Contrast & accessibility
Ag
FailOn white
WCAG 1.03:1 · APCA Lc 0
Ag
AAAOn black
WCAG 20.19:1 · APCA Lc 105
Best text color: #000000
WCAG 20.19:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--rice-paper: #fffcdb;
--rice-paper-rgb: 255 252 219;
--rice-paper-oklch: oklch(0.985 0.043 102.9);
}
.element {
color: var(--rice-paper);
background-color: hsl(55 100% 93%);
border-color: oklch(0.985 0.043 102.9);
}Tailwind CSS v4
@theme {
--color-rice-paper: #fffcdb;
--color-rice-paper-50: #f7f6e8;
--color-rice-paper-100: #eae9d9;
--color-rice-paper-200: #d7d6c1;
--color-rice-paper-300: #bab9a0;
--color-rice-paper-400: #a3a083;
--color-rice-paper-500: #8b8867;
--color-rice-paper-600: #767357;
--color-rice-paper-700: #5e5c46;
--color-rice-paper-800: #454332;
--color-rice-paper-900: #302e22;
--color-rice-paper-950: #1c1b11;
}SCSS
$rice-paper: #fffcdb;
$rice-paper-rgb: 255, 252, 219;
$rice-paper-light: mix(#fff, $rice-paper, 20%);
$rice-paper-dark: mix(#000, $rice-paper, 20%);
.element {
color: $rice-paper;
box-shadow: 0 0 0 2px rgba($rice-paper, 0.35);
}