Benannte Farbe · #F4C29F
Almond Cream
Almond Cream ist #F4C29F: rgb(244 194 159), hsl(25 79% 79%), oklch(0.85 0.074 56.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Almond Cream color name →
#F4C29F
oklch(0.85 0.074 56.5)
Farbumrechnungen
- HEX
- #f4c29f
- RGB
- rgb(244 194 159)
- HSL
- hsl(25 79% 79%)
- HWB
- hwb(25 62% 4%)
- OKLCH
- oklch(0.85 0.074 56.5)
- OKLab
- oklab(0.85 0.041 0.062)
- CIE Lab
- lab(82.33 15 24.82)
- LCH
- lch(82.33 29 58.9)
- CMYK
- cmyk(0% 20% 35% 4%)
Tints · Shades · Tones
Tints
- F5C8A9
- F7CEB2
- F8D4BC
- F9DAC5
- FAE1CF
- FBE7D9
- FCEDE2
- FDF3EC
- FEF9F5
Shades
- D4A88A
- B58F75
- 977761
- 7A604D
- 5E493B
- 443429
- 2B2018
- 140E09
- 030201
Tones
- E8BB9C
- DCB599
- D0AE96
- C5A793
- B9A190
- AD9A8D
- A2948A
- 978D87
- 8B8783
Farbharmonien
Komplementär +180°
- F4C29F
Almond Cream
- 9FD6F8
≈ Juzcar Blue
Analog -30° +30°
- F4C29F
Almond Cream
- FBBCB4
≈ Melon Water
- E3CB96
≈ Abstract
Triadisch +120° +240°
- F4C29F
Almond Cream
- 99DECC
≈ Tropical Freeze
- D2C4F9
≈ Innocent Snowdrop
Geteilt komplementär +150° +210°
- F4C29F
Almond Cream
- 93DCE6
≈ Cool Water Lake
- B8CDFF
≈ Ice Cold Stare
Tetradisch +90° +180° +270°
- F4C29F
Almond Cream
- AFDBB2
≈ Big Spender
- 9FD6F8
≈ Juzcar Blue
- E8BDE8
≈ Blackberry Yoghurt
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.60:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.06:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--almond-cream: #f4c29f;
--almond-cream-rgb: 244 194 159;
--almond-cream-oklch: oklch(0.85 0.074 56.5);
}
.element {
color: var(--almond-cream);
background-color: hsl(25 79% 79%);
border-color: oklch(0.85 0.074 56.5);
}Tailwind CSS v4
@theme {
--color-almond-cream: #f4c29f;
--color-almond-cream-50: #fff1e1;
--color-almond-cream-100: #fce3d0;
--color-almond-cream-200: #edcdb6;
--color-almond-cream-300: #d5af92;
--color-almond-cream-400: #c19474;
--color-almond-cream-500: #ac7955;
--color-almond-cream-600: #916748;
--color-almond-cream-700: #755239;
--color-almond-cream-800: #573b29;
--color-almond-cream-900: #3c291c;
--color-almond-cream-950: #26160c;
}SCSS
$almond-cream: #f4c29f;
$almond-cream-rgb: 244, 194, 159;
$almond-cream-light: mix(#fff, $almond-cream, 20%);
$almond-cream-dark: mix(#000, $almond-cream, 20%);
.element {
color: $almond-cream;
box-shadow: 0 0 0 2px rgba($almond-cream, 0.35);
}