Benannte Farbe · #F0E2C5
Creamy Gelato
Creamy Gelato ist #F0E2C5: rgb(240 226 197), hsl(40 59% 86%), oklch(0.916 0.041 85.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Creamy Gelato color name →
#F0E2C5
oklch(0.916 0.041 85.3)
Farbumrechnungen
- HEX
- #f0e2c5
- RGB
- rgb(240 226 197)
- HSL
- hsl(40 59% 86%)
- HWB
- hwb(40 77% 6%)
- OKLCH
- oklch(0.916 0.041 85.3)
- OKLab
- oklab(0.916 0.003 0.041)
- CIE Lab
- lab(90.46 1.52 16.05)
- LCH
- lch(90.46 16.12 84.6)
- CMYK
- cmyk(0% 6% 18% 6%)
Tints · Shades · Tones
Tints
- F2E5CB
- F3E8D1
- F5EBD6
- F6EEDC
- F8F1E2
- F9F3E8
- FBF6EE
- FCF9F3
- FEFCF9
Shades
- D1C4AB
- B2A892
- 958C79
- 787161
- 5D574B
- 433E35
- 2A2721
- 14120E
- 030302
Tones
- E4D8BE
- D9CEB7
- CDC4B0
- C2BAA9
- B6B0A2
- ABA69B
- A09C94
- 95938E
- 8B8987
Farbharmonien
Komplementär +180°
- F0E2C5
Creamy Gelato
- D7E4FF
≈ Stoic White
Analog -30° +30°
- F0E2C5
Creamy Gelato
- FADDCA
≈ Muffin Magic
- E2E7C8
≈ Origami Clover
Triadisch +120° +240°
- F0E2C5
Creamy Gelato
- C5ECF1
≈ Icy Breeze
- F2DBF3
≈ Grape Taffy
Geteilt komplementär +150° +210°
- F0E2C5
Creamy Gelato
- CAE9FC
≈ Blue Java Banana
- E5DFFD
≈ Stoic White
Tetradisch +90° +180° +270°
- F0E2C5
Creamy Gelato
- C8EDE2
≈ Teal Melody
- D7E4FF
≈ Stoic White
- FBD9E5
≈ Cherry Flower
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.28:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.38:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--creamy-gelato: #f0e2c5;
--creamy-gelato-rgb: 240 226 197;
--creamy-gelato-oklch: oklch(0.916 0.041 85.3);
}
.element {
color: var(--creamy-gelato);
background-color: hsl(40 59% 86%);
border-color: oklch(0.916 0.041 85.3);
}Tailwind CSS v4
@theme {
--color-creamy-gelato: #f0e2c5;
--color-creamy-gelato-50: #faf5e8;
--color-creamy-gelato-100: #eee7d9;
--color-creamy-gelato-200: #dcd4c1;
--color-creamy-gelato-300: #c0b7a0;
--color-creamy-gelato-400: #aa9d83;
--color-creamy-gelato-500: #938567;
--color-creamy-gelato-600: #7c7058;
--color-creamy-gelato-700: #635a46;
--color-creamy-gelato-800: #494132;
--color-creamy-gelato-900: #332d22;
--color-creamy-gelato-950: #1f1a11;
}SCSS
$creamy-gelato: #f0e2c5;
$creamy-gelato-rgb: 240, 226, 197;
$creamy-gelato-light: mix(#fff, $creamy-gelato, 20%);
$creamy-gelato-dark: mix(#000, $creamy-gelato, 20%);
.element {
color: $creamy-gelato;
box-shadow: 0 0 0 2px rgba($creamy-gelato, 0.35);
}