Benannte Farbe · #F0D8AF
Homey Cream
Homey Cream ist #F0D8AF: rgb(240 216 175), hsl(38 68% 81%), oklch(0.892 0.06 81). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Homey Cream color name →
#F0D8AF
oklch(0.892 0.06 81)
Farbumrechnungen
- HEX
- #f0d8af
- RGB
- rgb(240 216 175)
- HSL
- hsl(38 68% 81%)
- HWB
- hwb(38 69% 6%)
- OKLCH
- oklch(0.892 0.06 81)
- OKLab
- oklab(0.892 0.009 0.059)
- CIE Lab
- lab(87.59 4.1 23.49)
- LCH
- lch(87.59 23.84 80.1)
- CMYK
- cmyk(0% 10% 27% 6%)
Tints · Shades · Tones
Tints
- F2DCB7
- F3E0BF
- F5E4C7
- F6E8CF
- F8ECD7
- F9EFDF
- FBF3E7
- FCF7EF
- FEFBF7
Shades
- D1BC98
- B2A081
- 95856B
- 786B56
- 5D5341
- 433B2E
- 2A251C
- 14110B
- 030201
Tones
- E4CFAA
- D9C6A6
- CDBDA1
- C2B49C
- B7AB98
- ABA293
- A09A8E
- 95918A
- 8B8885
Farbharmonien
Komplementär +180°
- F0D8AF
Homey Cream
- C8DCFF
≈ Arc Light
Analog -30° +30°
- F0D8AF
Homey Cream
- FDD1B8
≈ Peachy Bon-Bon
- DCE0B2
≈ Glass Green
Triadisch +120° +240°
- F0D8AF
Homey Cream
- ADE8EC
≈ Uranus
- EECFF4
≈ Bubblegum Crisis
Geteilt komplementär +150° +210°
- F0D8AF
Homey Cream
- B4E3FC
≈ Frozen Landscape
- DBD5FF
≈ Pale Lavender
Tetradisch +90° +180° +270°
- F0D8AF
Homey Cream
- B4E9D6
≈ Mediterranean Mist
- C8DCFF
≈ Arc Light
- FCCCE0
≈ Linnet Egg Red
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.38:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.14:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.14:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--homey-cream: #f0d8af;
--homey-cream-rgb: 240 216 175;
--homey-cream-oklch: oklch(0.892 0.06 81);
}
.element {
color: var(--homey-cream);
background-color: hsl(38 68% 81%);
border-color: oklch(0.892 0.06 81);
}Tailwind CSS v4
@theme {
--color-homey-cream: #f0d8af;
--color-homey-cream-50: #fef4e2;
--color-homey-cream-100: #f2e7d2;
--color-homey-cream-200: #e1d3b8;
--color-homey-cream-300: #c6b595;
--color-homey-cream-400: #b19b76;
--color-homey-cream-500: #9b8258;
--color-homey-cream-600: #836e4b;
--color-homey-cream-700: #69583b;
--color-homey-cream-800: #4e402a;
--color-homey-cream-900: #362c1c;
--color-homey-cream-950: #21190d;
}SCSS
$homey-cream: #f0d8af;
$homey-cream-rgb: 240, 216, 175;
$homey-cream-light: mix(#fff, $homey-cream, 20%);
$homey-cream-dark: mix(#000, $homey-cream, 20%);
.element {
color: $homey-cream;
box-shadow: 0 0 0 2px rgba($homey-cream, 0.35);
}