Benannte Farbe · #F7D3AD
Ice Cream Parlour
Ice Cream Parlour ist #F7D3AD: rgb(247 211 173), hsl(31 82% 82%), oklch(0.888 0.064 68.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Ice Cream Parlour color name →
#F7D3AD
oklch(0.888 0.064 68.4)
Farbumrechnungen
- HEX
- #f7d3ad
- RGB
- rgb(247 211 173)
- HSL
- hsl(31 82% 82%)
- HWB
- hwb(31 68% 3%)
- OKLCH
- oklch(0.888 0.064 68.4)
- OKLab
- oklab(0.888 0.024 0.06)
- CIE Lab
- lab(86.96 9.02 23.8)
- LCH
- lch(86.96 25.46 69.2)
- CMYK
- cmyk(0% 15% 30% 3%)
Tints · Shades · Tones
Tints
- F8D7B5
- F9DCBE
- FAE0C6
- FBE5CE
- FBE9D6
- FCEEDE
- FDF2E6
- FEF6EF
- FEFBF7
Shades
- D7B796
- B79C7F
- 99826A
- 7C6955
- 605141
- 453A2D
- 2C241B
- 15100B
- 030201
Tones
- EBCAA9
- DEC2A4
- D2B9A0
- C6B19B
- BAA997
- AEA092
- A2988E
- 979089
- 8B8885
Farbharmonien
Komplementär +180°
- F7D3AD
Ice Cream Parlour
- BDDEFF
≈ Dithered Sky
Analog -30° +30°
- F7D3AD
Ice Cream Parlour
- FFCDBD
≈ Piggy Bank
- E5DBAB
≈ Virgin Olive Oil
Triadisch +120° +240°
- F7D3AD
Ice Cream Parlour
- A9E8E2
≈ Cool Crayon
- E6CFFB
≈ Mousse aux Pruneaux
Geteilt komplementär +150° +210°
- F7D3AD
Ice Cream Parlour
- AAE5F7
≈ Ganon Blue
- D1D7FF
≈ Pale Phthalo Blue
Tetradisch +90° +180° +270°
- F7D3AD
Ice Cream Parlour
- B7E8CA
≈ Mint-o-licious
- BDDEFF
≈ Dithered Sky
- F8CAE9
≈ Classic Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.87:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 14.87:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--ice-cream-parlour: #f7d3ad;
--ice-cream-parlour-rgb: 247 211 173;
--ice-cream-parlour-oklch: oklch(0.888 0.064 68.4);
}
.element {
color: var(--ice-cream-parlour);
background-color: hsl(31 82% 82%);
border-color: oklch(0.888 0.064 68.4);
}Tailwind CSS v4
@theme {
--color-ice-cream-parlour: #f7d3ad;
--color-ice-cream-parlour-50: #fff2e2;
--color-ice-cream-parlour-100: #f6e5d1;
--color-ice-cream-parlour-200: #e6d0b7;
--color-ice-cream-parlour-300: #cdb294;
--color-ice-cream-parlour-400: #b89876;
--color-ice-cream-parlour-500: #a37e57;
--color-ice-cream-parlour-600: #896b4a;
--color-ice-cream-parlour-700: #6e563b;
--color-ice-cream-parlour-800: #523e2a;
--color-ice-cream-parlour-900: #392b1c;
--color-ice-cream-parlour-950: #23180d;
}SCSS
$ice-cream-parlour: #f7d3ad;
$ice-cream-parlour-rgb: 247, 211, 173;
$ice-cream-parlour-light: mix(#fff, $ice-cream-parlour, 20%);
$ice-cream-parlour-dark: mix(#000, $ice-cream-parlour, 20%);
.element {
color: $ice-cream-parlour;
box-shadow: 0 0 0 2px rgba($ice-cream-parlour, 0.35);
}