Benannte Farbe · #F5D7AF
Apricot Gelato
Apricot Gelato ist #F5D7AF: rgb(245 215 175), hsl(34 78% 82%), oklch(0.894 0.062 74.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Apricot Gelato color name →
#F5D7AF
oklch(0.894 0.062 74.8)
Farbumrechnungen
- HEX
- #f5d7af
- RGB
- rgb(245 215 175)
- HSL
- hsl(34 78% 82%)
- HWB
- hwb(34 69% 4%)
- OKLCH
- oklch(0.894 0.062 74.8)
- OKLab
- oklab(0.894 0.016 0.06)
- CIE Lab
- lab(87.79 6.49 23.85)
- LCH
- lch(87.79 24.72 74.8)
- CMYK
- cmyk(0% 12% 29% 4%)
Tints · Shades · Tones
Tints
- F6DBB7
- F7DFBF
- F8E3C7
- F9E7CF
- FAEBD7
- FBEFDF
- FCF3E7
- FDF7EF
- FEFBF7
Shades
- D5BB98
- B69F81
- 98856B
- 7B6B56
- 5F5241
- 443B2E
- 2B251C
- 15110B
- 030201
Tones
- E9CEAA
- DDC5A6
- D1BCA1
- C5B39D
- B9AB98
- ADA293
- A2998E
- 96918A
- 8B8885
Farbharmonien
Komplementär +180°
- F5D7AF
Apricot Gelato
- C5DFFF
≈ Arc Light
Analog -30° +30°
- F5D7AF
Apricot Gelato
- FFD1BC
≈ Vienna Sausage
- E2DFB0
≈ Modern Zen
Triadisch +120° +240°
- F5D7AF
Apricot Gelato
- ACEAE9
≈ Spearmint Water
- ECD0F9
≈ Mousse aux Pruneaux
Geteilt komplementär +150° +210°
- F5D7AF
Apricot Gelato
- B0E6FB
≈ Frozen Landscape
- D8D8FF
≈ Icy Plains
Tetradisch +90° +180° +270°
- F5D7AF
Apricot Gelato
- B7EAD2
≈ Mediterranean Mist
- C5DFFF
≈ Arc Light
- FBCCE6
≈ Classic Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.37:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.22:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.22:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--apricot-gelato: #f5d7af;
--apricot-gelato-rgb: 245 215 175;
--apricot-gelato-oklch: oklch(0.894 0.062 74.8);
}
.element {
color: var(--apricot-gelato);
background-color: hsl(34 78% 82%);
border-color: oklch(0.894 0.062 74.8);
}Tailwind CSS v4
@theme {
--color-apricot-gelato: #f5d7af;
--color-apricot-gelato-50: #fff3e2;
--color-apricot-gelato-100: #f4e6d1;
--color-apricot-gelato-200: #e4d1b7;
--color-apricot-gelato-300: #cab494;
--color-apricot-gelato-400: #b49a75;
--color-apricot-gelato-500: #9f8057;
--color-apricot-gelato-600: #866d4a;
--color-apricot-gelato-700: #6b573b;
--color-apricot-gelato-800: #503f2a;
--color-apricot-gelato-900: #372b1c;
--color-apricot-gelato-950: #22190c;
}SCSS
$apricot-gelato: #f5d7af;
$apricot-gelato-rgb: 245, 215, 175;
$apricot-gelato-light: mix(#fff, $apricot-gelato, 20%);
$apricot-gelato-dark: mix(#000, $apricot-gelato, 20%);
.element {
color: $apricot-gelato;
box-shadow: 0 0 0 2px rgba($apricot-gelato, 0.35);
}