Benannte Farbe · #FFF0C4
Rich Ivory
Rich Ivory ist #FFF0C4: rgb(255 240 196), hsl(45 100% 88%), oklch(0.956 0.059 91.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Rich Ivory color name →
#FFF0C4
oklch(0.956 0.059 91.4)
Farbumrechnungen
- HEX
- #fff0c4
- RGB
- rgb(255 240 196)
- HSL
- hsl(45 100% 88%)
- HWB
- hwb(45 77% 0%)
- OKLCH
- oklch(0.956 0.059 91.4)
- OKLab
- oklab(0.956 -0.001 0.059)
- CIE Lab
- lab(95.19 0.28 23.28)
- LCH
- lch(95.19 23.29 89.3)
- CMYK
- cmyk(0% 6% 23% 0%)
Tints · Shades · Tones
Tints
- FFF2CA
- FFF3D0
- FFF5D6
- FFF6DC
- FFF8E2
- FFF9E8
- FFFBEE
- FFFCF3
- FFFEF9
Shades
- DED1AA
- BEB291
- 9E9578
- 807861
- 635D4A
- 484335
- 2E2A21
- 16140E
- 030302
Tones
- F2E4BD
- E4D9B6
- D7CDB0
- CAC2A9
- BEB7A2
- B1AB9B
- A4A094
- 98958E
- 8C8B87
Farbharmonien
Komplementär +180°
- FFF0C4
Rich Ivory
- EBF0FF
≈ Carte Blanche
Analog -30° +30°
- FFF0C4
Rich Ivory
- FFEDDE
≈ Organic Fibre
- EAF7CC
≈ Snow Flurry
Triadisch +120° +240°
- FFF0C4
Rich Ivory
- D5F8FF
≈ Glacial Day
- FFE9FB
≈ Fairy Bubblegum Cloud
Geteilt komplementär +150° +210°
- FFF0C4
Rich Ivory
- E4F3FF
≈ Wizard White
- F3EDFF
≈ Foundation White
Tetradisch +90° +180° +270°
- FFF0C4
Rich Ivory
- C6FEF3
≈ Crushed Ice
- EBF0FF
≈ Carte Blanche
- FFEAEF
≈ Rose Mochi
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.13:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.51:1 · APCA Lc 98
Beste Textfarbe: #000000
WCAG 18.51:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--rich-ivory: #fff0c4;
--rich-ivory-rgb: 255 240 196;
--rich-ivory-oklch: oklch(0.956 0.059 91.4);
}
.element {
color: var(--rich-ivory);
background-color: hsl(45 100% 88%);
border-color: oklch(0.956 0.059 91.4);
}Tailwind CSS v4
@theme {
--color-rich-ivory: #fff0c4;
--color-rich-ivory-50: #fbf5e3;
--color-rich-ivory-100: #eee8d2;
--color-rich-ivory-200: #dcd4b8;
--color-rich-ivory-300: #c1b796;
--color-rich-ivory-400: #ab9e77;
--color-rich-ivory-500: #948558;
--color-rich-ivory-600: #7e714b;
--color-rich-ivory-700: #645a3c;
--color-rich-ivory-800: #4a422a;
--color-rich-ivory-900: #342d1c;
--color-rich-ivory-950: #1f1a0d;
}SCSS
$rich-ivory: #fff0c4;
$rich-ivory-rgb: 255, 240, 196;
$rich-ivory-light: mix(#fff, $rich-ivory, 20%);
$rich-ivory-dark: mix(#000, $rich-ivory, 20%);
.element {
color: $rich-ivory;
box-shadow: 0 0 0 2px rgba($rich-ivory, 0.35);
}