Colore con nome · #DCB7A6
Melted Ice Cream
Melted Ice Cream è #DCB7A6: rgb(220 183 166), hsl(19 44% 76%), oklch(0.807 0.049 46.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Melted Ice Cream color name →
#DCB7A6
oklch(0.807 0.049 46.1)
Conversioni di colore
- HEX
- #dcb7a6
- RGB
- rgb(220 183 166)
- HSL
- hsl(19 44% 76%)
- HWB
- hwb(19 65% 14%)
- OKLCH
- oklch(0.807 0.049 46.1)
- OKLab
- oklab(0.807 0.034 0.035)
- CIE Lab
- lab(77.39 11.87 13.92)
- LCH
- lch(77.39 18.3 49.6)
- CMYK
- cmyk(0% 17% 25% 14%)
Tinte · Ombre · Toni
Tinte
- E0BEAF
- E3C5B7
- E7CCC0
- EAD3C9
- EEDBD2
- F1E2DB
- F5E9E4
- F8F0ED
- FCF8F6
Ombre
- BF9F90
- A3877A
- 887065
- 6E5A51
- 54453E
- 3C312B
- 261E1A
- 110C0A
- 020201
Toni
- D3B1A2
- C9AC9E
- C0A69B
- B7A197
- AD9B93
- A4968F
- 9B908B
- 928B88
- 898584
Armonie di colore
Complementare +180°
- DCB7A6
Melted Ice Cream
- 9FC7D9
≈ Sound Waves
Analogo -30° +30°
- DCB7A6
Melted Ice Cream
- DEB4B5
≈ Peachskin
- D3BC9D
≈ Gaia
Triadico +120° +240°
- DCB7A6
Melted Ice Cream
- A3CBB9
≈ Tareyton
- BDBCDF
≈ Wisteria Fragrance
Complementare divisa +150° +210°
- DCB7A6
Melted Ice Cream
- 9CCACA
≈ Aqua Mist
- ACC2E0
≈ Promise
Tetradico +90° +180° +270°
- DCB7A6
Melted Ice Cream
- B2C8A9
≈ Freshwater Green
- 9FC7D9
≈ Sound Waves
- CDB7D6
≈ Liberace
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.36:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--melted-ice-cream: #dcb7a6;
--melted-ice-cream-rgb: 220 183 166;
--melted-ice-cream-oklch: oklch(0.807 0.049 46.1);
}
.element {
color: var(--melted-ice-cream);
background-color: hsl(19 44% 76%);
border-color: oklch(0.807 0.049 46.1);
}Tailwind CSS v4
@theme {
--color-melted-ice-cream: #dcb7a6;
--color-melted-ice-cream-50: #fff1e9;
--color-melted-ice-cream-100: #f7e3da;
--color-melted-ice-cream-200: #e7cfc3;
--color-melted-ice-cream-300: #cdb0a2;
--color-melted-ice-cream-400: #b89686;
--color-melted-ice-cream-500: #a27c6b;
--color-melted-ice-cream-600: #89695b;
--color-melted-ice-cream-700: #6e5448;
--color-melted-ice-cream-800: #513d35;
--color-melted-ice-cream-900: #392a24;
--color-melted-ice-cream-950: #231813;
}SCSS
$melted-ice-cream: #dcb7a6;
$melted-ice-cream-rgb: 220, 183, 166;
$melted-ice-cream-light: mix(#fff, $melted-ice-cream, 20%);
$melted-ice-cream-dark: mix(#000, $melted-ice-cream, 20%);
.element {
color: $melted-ice-cream;
box-shadow: 0 0 0 2px rgba($melted-ice-cream, 0.35);
}