Colore con nome · #F2E8D4
Eugenia
Eugenia è #F2E8D4: rgb(242 232 212), hsl(40 54% 89%), oklch(0.934 0.029 84.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Eugenia color name →
#F2E8D4
oklch(0.934 0.029 84.6)
Conversioni di colore
- HEX
- #f2e8d4
- RGB
- rgb(242 232 212)
- HSL
- hsl(40 54% 89%)
- HWB
- hwb(40 83% 5%)
- OKLCH
- oklch(0.934 0.029 84.6)
- OKLab
- oklab(0.934 0.003 0.029)
- CIE Lab
- lab(92.4 1.06 11.04)
- LCH
- lch(92.4 11.09 84.5)
- CMYK
- cmyk(0% 4% 12% 5%)
Tinte · Ombre · Toni
Tinte
- F3EAD8
- F5EDDD
- F6EFE1
- F7F1E5
- F9F3E9
- FAF6EE
- FBF8F2
- FCFAF6
- FEFDFB
Ombre
- D2CAB8
- B4AC9D
- 969083
- 797469
- 5E5951
- 43403A
- 2B2924
- 141310
- 030302
Toni
- E6DDCB
- DAD2C3
- CEC8BA
- C3BDB2
- B7B3A9
- ACA8A1
- A19E98
- 969490
- 8B8A88
Armonie di colore
Complementare +180°
- F2E8D4
Eugenia
- E0E9FD
≈ Husky
Analogo -30° +30°
- F2E8D4
Eugenia
- F9E5D7
≈ Illuminated
- E8ECD6
≈ Lime Meringue
Triadico +120° +240°
- F2E8D4
Eugenia
- D4EFF2
≈ Diamond League
- F3E3F4
≈ Minute Mauve
Complementare divisa +150° +210°
- F2E8D4
Eugenia
- D7EDFA
≈ Ice Castle
- EAE6FB
≈ Cyber Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.26:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.26:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--eugenia: #f2e8d4;
--eugenia-rgb: 242 232 212;
--eugenia-oklch: oklch(0.934 0.029 84.6);
}
.element {
color: var(--eugenia);
background-color: hsl(40 54% 89%);
border-color: oklch(0.934 0.029 84.6);
}Tailwind CSS v4
@theme {
--color-eugenia: #f2e8d4;
--color-eugenia-50: #f9f5ec;
--color-eugenia-100: #ece7dd;
--color-eugenia-200: #d9d4c7;
--color-eugenia-300: #beb7a7;
--color-eugenia-400: #a69d8c;
--color-eugenia-500: #8f8571;
--color-eugenia-600: #797160;
--color-eugenia-700: #615a4c;
--color-eugenia-800: #474237;
--color-eugenia-900: #312d26;
--color-eugenia-950: #1d1a14;
}SCSS
$eugenia: #f2e8d4;
$eugenia-rgb: 242, 232, 212;
$eugenia-light: mix(#fff, $eugenia, 20%);
$eugenia-dark: mix(#000, $eugenia, 20%);
.element {
color: $eugenia;
box-shadow: 0 0 0 2px rgba($eugenia, 0.35);
}