Benannte Farbe · #F0E2D3
Agrodolce
Agrodolce ist #F0E2D3: rgb(240 226 211), hsl(31 49% 88%), oklch(0.92 0.025 69.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Agrodolce color name →
#F0E2D3
oklch(0.92 0.025 69.4)
Farbumrechnungen
- HEX
- #f0e2d3
- RGB
- rgb(240 226 211)
- HSL
- hsl(31 49% 88%)
- HWB
- hwb(31 83% 6%)
- OKLCH
- oklch(0.92 0.025 69.4)
- OKLab
- oklab(0.92 0.009 0.024)
- CIE Lab
- lab(90.71 3.11 9.16)
- LCH
- lch(90.71 9.67 71.3)
- CMYK
- cmyk(0% 6% 12% 6%)
Tints · Shades · Tones
Tints
- F2E5D7
- F3E8DC
- F5EBE0
- F6EEE5
- F8F0E9
- F9F3ED
- FBF6F2
- FCF9F6
- FEFCFB
Shades
- D1C4B7
- B2A89C
- 958C82
- 787169
- 5D5751
- 433E3A
- 2A2724
- 141210
- 030302
Tones
- E4D8CA
- D9CEC2
- CDC4B9
- C2BAB1
- B6B0A9
- ABA6A0
- A09C98
- 959390
- 8B8988
Farbharmonien
Komplementär +180°
- F0E2D3
Agrodolce
- D8E6F5
≈ Icicle Veil
Analog -30° +30°
- F0E2D3
Agrodolce
- F4DFD8
≈ Angel Wing
- E8E5D2
≈ Sand Puffs
Triadisch +120° +240°
- F0E2D3
Agrodolce
- D3EAE8
≈ Retiring Blue
- EAE0F2
≈ Romantic Cruise
Geteilt komplementär +150° +210°
- F0E2D3
Agrodolce
- D3E9F0
≈ Ice Cold
- E1E3F6
≈ Lavender Mist
Tetradisch +90° +180° +270°
- F0E2D3
Agrodolce
- D7EADF
≈ Icy Glacier
- D8E6F5
≈ Icicle Veil
- F1DEEA
≈ Mellow Flower
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.27:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.52:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.52:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--agrodolce: #f0e2d3;
--agrodolce-rgb: 240 226 211;
--agrodolce-oklch: oklch(0.92 0.025 69.4);
}
.element {
color: var(--agrodolce);
background-color: hsl(31 49% 88%);
border-color: oklch(0.92 0.025 69.4);
}Tailwind CSS v4
@theme {
--color-agrodolce: #f0e2d3;
--color-agrodolce-50: #faf4ed;
--color-agrodolce-100: #ede7df;
--color-agrodolce-200: #dbd3c9;
--color-agrodolce-300: #c0b6aa;
--color-agrodolce-400: #a99c8f;
--color-agrodolce-500: #918474;
--color-agrodolce-600: #7b6f63;
--color-agrodolce-700: #62594f;
--color-agrodolce-800: #484139;
--color-agrodolce-900: #322d27;
--color-agrodolce-950: #1e1a15;
}SCSS
$agrodolce: #f0e2d3;
$agrodolce-rgb: 240, 226, 211;
$agrodolce-light: mix(#fff, $agrodolce, 20%);
$agrodolce-dark: mix(#000, $agrodolce, 20%);
.element {
color: $agrodolce;
box-shadow: 0 0 0 2px rgba($agrodolce, 0.35);
}