Colore con nome · #F8E7D4
Melon Tint
Melon Tint è #F8E7D4: rgb(248 231 212), hsl(32 72% 90%), oklch(0.937 0.031 70.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Melon Tint color name →
#F8E7D4
oklch(0.937 0.031 70.5)
Conversioni di colore
- HEX
- #f8e7d4
- RGB
- rgb(248 231 212)
- HSL
- hsl(32 72% 90%)
- HWB
- hwb(32 83% 3%)
- OKLCH
- oklch(0.937 0.031 70.5)
- OKLab
- oklab(0.937 0.01 0.03)
- CIE Lab
- lab(92.65 3.72 11.48)
- LCH
- lch(92.65 12.06 72.1)
- CMYK
- cmyk(0% 7% 15% 3%)
Tinte · Ombre · Toni
Tinte
- F9E9D8
- F9ECDD
- FAEEE1
- FBF1E5
- FCF3E9
- FCF5EE
- FDF8F2
- FEFAF6
- FEFDFB
Ombre
- D8C9B8
- B8AB9D
- 9A8F83
- 7C7369
- 605951
- 45403A
- 2C2824
- 151310
- 030302
Toni
- EBDCCB
- DFD2C3
- D3C7BA
- C6BDB2
- BAB2A9
- AEA8A1
- A29E98
- 979490
- 8B8A88
Armonie di colore
Complementare +180°
- F8E7D4
Melon Tint
- DBECFF
≈ Hoarfrost
Analogo -30° +30°
- F8E7D4
Melon Tint
- FEE4DA
≈ French Manicure
- EEEBD3
≈ Budding Fern
Triadico +120° +240°
- F8E7D4
Melon Tint
- D3F1EF
≈ Icy Wind
- F1E5FA
≈ Minute Mauve
Complementare divisa +150° +210°
- F8E7D4
Melon Tint
- D4EFF9
≈ Water
- E6E8FF
≈ Glitter
Tetradico +90° +180° +270°
- F8E7D4
Melon Tint
- D9F1E3
≈ Teal Treat
- DBECFF
≈ Hoarfrost
- FAE2F0
≈ Spun Sugar
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.37:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--melon-tint: #f8e7d4;
--melon-tint-rgb: 248 231 212;
--melon-tint-oklch: oklch(0.937 0.031 70.5);
}
.element {
color: var(--melon-tint);
background-color: hsl(32 72% 90%);
border-color: oklch(0.937 0.031 70.5);
}Tailwind CSS v4
@theme {
--color-melon-tint: #f8e7d4;
--color-melon-tint-50: #fbf4ec;
--color-melon-tint-100: #efe6dd;
--color-melon-tint-200: #ddd2c6;
--color-melon-tint-300: #c2b5a6;
--color-melon-tint-400: #ab9c8b;
--color-melon-tint-500: #948370;
--color-melon-tint-600: #7d6f5f;
--color-melon-tint-700: #64594c;
--color-melon-tint-800: #4a4137;
--color-melon-tint-900: #332c25;
--color-melon-tint-950: #1f1a14;
}SCSS
$melon-tint: #f8e7d4;
$melon-tint-rgb: 248, 231, 212;
$melon-tint-light: mix(#fff, $melon-tint, 20%);
$melon-tint-dark: mix(#000, $melon-tint, 20%);
.element {
color: $melon-tint;
box-shadow: 0 0 0 2px rgba($melon-tint, 0.35);
}