Benannte Farbe · #DCB7A6
Melted Ice Cream
Melted Ice Cream ist #DCB7A6: rgb(220 183 166), hsl(19 44% 76%), oklch(0.807 0.049 46.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Melted Ice Cream color name →
#DCB7A6
oklch(0.807 0.049 46.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- E0BEAF
- E3C5B7
- E7CCC0
- EAD3C9
- EEDBD2
- F1E2DB
- F5E9E4
- F8F0ED
- FCF8F6
Shades
- BF9F90
- A3877A
- 887065
- 6E5A51
- 54453E
- 3C312B
- 261E1A
- 110C0A
- 020201
Tones
- D3B1A2
- C9AC9E
- C0A69B
- B7A197
- AD9B93
- A4968F
- 9B908B
- 928B88
- 898584
Farbharmonien
Komplementär +180°
- DCB7A6
Melted Ice Cream
- 9FC7D9
≈ Sound Waves
Analog -30° +30°
- DCB7A6
Melted Ice Cream
- DEB4B5
≈ Peachskin
- D3BC9D
≈ Gaia
Triadisch +120° +240°
- DCB7A6
Melted Ice Cream
- A3CBB9
≈ Tareyton
- BDBCDF
≈ Wisteria Fragrance
Geteilt komplementär +150° +210°
- DCB7A6
Melted Ice Cream
- 9CCACA
≈ Aqua Mist
- ACC2E0
≈ Promise
Tetradisch +90° +180° +270°
- DCB7A6
Melted Ice Cream
- B2C8A9
≈ Freshwater Green
- 9FC7D9
≈ Sound Waves
- CDB7D6
≈ Liberace
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.84:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.36:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
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);
}