Benannte Farbe · #F4C69F
Avid Apricot
Avid Apricot ist #F4C69F: rgb(244 198 159), hsl(28 79% 79%), oklch(0.857 0.074 61.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Avid Apricot color name →
#F4C69F
oklch(0.857 0.074 61.9)
Farbumrechnungen
- HEX
- #f4c69f
- RGB
- rgb(244 198 159)
- HSL
- hsl(28 79% 79%)
- HWB
- hwb(28 62% 4%)
- OKLCH
- oklch(0.857 0.074 61.9)
- OKLab
- oklab(0.857 0.035 0.065)
- CIE Lab
- lab(83.29 13.01 26.1)
- LCH
- lch(83.29 29.17 63.5)
- CMYK
- cmyk(0% 19% 35% 4%)
Tints · Shades · Tones
Tints
- F5CCA9
- F7D1B2
- F8D7BC
- F9DDC6
- FAE3CF
- FBE8D9
- FCEEE2
- FDF4EC
- FEF9F5
Shades
- D4AC8A
- B59275
- 977A61
- 7A624D
- 5E4B3B
- 443529
- 2B2118
- 140E09
- 030201
Tones
- E8BF9C
- DCB899
- D0B196
- C4AA93
- B9A390
- AD9C8D
- A2958A
- 968E87
- 8B8783
Farbharmonien
Komplementär +180°
- F4C69F
Avid Apricot
- A6D7FD
≈ Malmö FF
Analog -30° +30°
- F4C69F
Avid Apricot
- FDBFB2
≈ Ruffled Parasol
- E1CF99
≈ Honeycomb Glow
Triadisch +120° +240°
- F4C69F
Avid Apricot
- 99E1D4
≈ Sharbah Fizz
- D9C5F9
≈ Neon Boneyard
Geteilt komplementär +150° +210°
- F4C69F
Avid Apricot
- 96DEEC
≈ Cool Water Lake
- C0CEFF
≈ Lavender Blue
Tetradisch +90° +180° +270°
- F4C69F
Avid Apricot
- ADDFB9
≈ Celtic Spring
- A6D7FD
≈ Malmö FF
- EEBFE6
≈ Lavender Soap
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.56:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.42:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--avid-apricot: #f4c69f;
--avid-apricot-rgb: 244 198 159;
--avid-apricot-oklch: oklch(0.857 0.074 61.9);
}
.element {
color: var(--avid-apricot);
background-color: hsl(28 79% 79%);
border-color: oklch(0.857 0.074 61.9);
}Tailwind CSS v4
@theme {
--color-avid-apricot: #f4c69f;
--color-avid-apricot-50: #fff1e0;
--color-avid-apricot-100: #fae3cf;
--color-avid-apricot-200: #ebceb4;
--color-avid-apricot-300: #d3b091;
--color-avid-apricot-400: #be9571;
--color-avid-apricot-500: #aa7b52;
--color-avid-apricot-600: #8f6846;
--color-avid-apricot-700: #735338;
--color-avid-apricot-800: #553c28;
--color-avid-apricot-900: #3c291b;
--color-avid-apricot-950: #25170b;
}SCSS
$avid-apricot: #f4c69f;
$avid-apricot-rgb: 244, 198, 159;
$avid-apricot-light: mix(#fff, $avid-apricot, 20%);
$avid-apricot-dark: mix(#000, $avid-apricot, 20%);
.element {
color: $avid-apricot;
box-shadow: 0 0 0 2px rgba($avid-apricot, 0.35);
}