Colore con nome · #F4C29F
Almond Cream
Almond Cream è #F4C29F: rgb(244 194 159), hsl(25 79% 79%), oklch(0.85 0.074 56.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Almond Cream color name →
#F4C29F
oklch(0.85 0.074 56.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F5C8A9
- F7CEB2
- F8D4BC
- F9DAC5
- FAE1CF
- FBE7D9
- FCEDE2
- FDF3EC
- FEF9F5
Ombre
- D4A88A
- B58F75
- 977761
- 7A604D
- 5E493B
- 443429
- 2B2018
- 140E09
- 030201
Toni
- E8BB9C
- DCB599
- D0AE96
- C5A793
- B9A190
- AD9A8D
- A2948A
- 978D87
- 8B8783
Armonie di colore
Complementare +180°
- F4C29F
Almond Cream
- 9FD6F8
≈ Juzcar Blue
Analogo -30° +30°
- F4C29F
Almond Cream
- FBBCB4
≈ Melon Water
- E3CB96
≈ Abstract
Triadico +120° +240°
- F4C29F
Almond Cream
- 99DECC
≈ Tropical Freeze
- D2C4F9
≈ Innocent Snowdrop
Complementare divisa +150° +210°
- F4C29F
Almond Cream
- 93DCE6
≈ Cool Water Lake
- B8CDFF
≈ Ice Cold Stare
Tetradico +90° +180° +270°
- F4C29F
Almond Cream
- AFDBB2
≈ Big Spender
- 9FD6F8
≈ Juzcar Blue
- E8BDE8
≈ Blackberry Yoghurt
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.06:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
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);
}