Colore con nome più vicino · #D6AE98
#D6AE98
Colore con nome più vicino: Frappé
#D6AE98 (rgb(214 174 152), hsl(21 43% 72%), oklch(0.781 0.056 50.4)) è più vicino al colore con nome Frappé. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D6AE98
oklch(0.781 0.056 50.4)
Conversioni di colore
- HEX
- #d6ae98
- RGB
- rgb(214 174 152)
- HSL
- hsl(21 43% 72%)
- HWB
- hwb(21 60% 16%)
- OKLCH
- oklch(0.781 0.056 50.4)
- OKLab
- oklab(0.781 0.036 0.043)
- CIE Lab
- lab(74.32 12.68 17.12)
- LCH
- lch(74.32 21.3 53.5)
- CMYK
- cmyk(0% 19% 29% 16%)
Tinte · Ombre · Toni
Tinte
- DAB6A2
- DFBEAC
- E3C6B6
- E7CEC1
- EBD6CB
- EFDED5
- F3E6DF
- F7EFEA
- FBF7F4
Ombre
- BA9784
- 9E8070
- 846A5C
- 6A554A
- 524138
- 3B2E27
- 251C17
- 100B08
- 020101
Toni
- CDA996
- C4A593
- BCA091
- B39C8F
- AA978C
- A2928A
- 998E87
- 918985
- 888583
Armonie di colore
Complementare +180°
- D6AE98
Frappé
- 93BFD5
≈ Speedboat
Analogo -30° +30°
- D6AE98
Frappé
- D9AAA9
≈ Silver Pink
- CBB48F
≈ Foothill Drive
Triadico +120° +240°
- D6AE98
Frappé
- 94C4B2
≈ Bella Green
- B7B2DA
≈ Beloved
Complementare divisa +150° +210°
- D6AE98
Frappé
- 8DC3C6
≈ Chuff Blue
- A3B9DC
≈ Fairies in America
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.36:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--frappe: #d6ae98;
--frappe-rgb: 214 174 152;
--frappe-oklch: oklch(0.781 0.056 50.4);
}
.element {
color: var(--frappe);
background-color: hsl(21 43% 72%);
border-color: oklch(0.781 0.056 50.4);
}Tailwind CSS v4
@theme {
--color-frappe: #d6ae98;
--color-frappe-50: #fff1e7;
--color-frappe-100: #f8e3d7;
--color-frappe-200: #e9cebf;
--color-frappe-300: #cfb09e;
--color-frappe-400: #ba9581;
--color-frappe-500: #a57c65;
--color-frappe-600: #8b6956;
--color-frappe-700: #705444;
--color-frappe-800: #533d31;
--color-frappe-900: #3a2a22;
--color-frappe-950: #241711;
}SCSS
$frappe: #d6ae98;
$frappe-rgb: 214, 174, 152;
$frappe-light: mix(#fff, $frappe, 20%);
$frappe-dark: mix(#000, $frappe, 20%);
.element {
color: $frappe;
box-shadow: 0 0 0 2px rgba($frappe, 0.35);
}