Benannte Farbe · #F4BEA6
Heirloom Apricot
Heirloom Apricot ist #F4BEA6: rgb(244 190 166), hsl(18 78% 80%), oklch(0.844 0.071 45.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Heirloom Apricot color name →
#F4BEA6
oklch(0.844 0.071 45.1)
Farbumrechnungen
- HEX
- #f4bea6
- RGB
- rgb(244 190 166)
- HSL
- hsl(18 78% 80%)
- HWB
- hwb(18 65% 4%)
- OKLCH
- oklch(0.844 0.071 45.1)
- OKLab
- oklab(0.844 0.05 0.05)
- CIE Lab
- lab(81.49 17.61 20)
- LCH
- lch(81.49 26.65 48.6)
- CMYK
- cmyk(0% 22% 32% 4%)
Tints · Shades · Tones
Tints
- F5C5AF
- F7CBB8
- F8D2C1
- F9D8C9
- FBDFD2
- FCE5DB
- FDECE4
- FEF2ED
- FEF9F6
Shades
- D4A590
- B58C7A
- 977565
- 7A5E51
- 5E483E
- 44332B
- 2B1F1A
- 140D0A
- 030201
Tones
- E8B8A2
- DCB19F
- D0AB9B
- C5A597
- B99F93
- AE998F
- A2928C
- 978C88
- 8B8684
Farbharmonien
Komplementär +180°
- F4BEA6
Heirloom Apricot
- 9AD6EF
≈ Over the Sky
Analog -30° +30°
- F4BEA6
Heirloom Apricot
- F6BABD
≈ Petals Unfolding
- E7C699
≈ Electrum
Triadisch +120° +240°
- F4BEA6
Heirloom Apricot
- A0DBC1
≈ Almost Aqua
- C6C6F9
≈ Light Periwinkle
Geteilt komplementär +150° +210°
- F4BEA6
Heirloom Apricot
- 94DBDA
≈ Limpet Shell
- ADCFFA
≈ Ice Cold Stare
Tetradisch +90° +180° +270°
- F4BEA6
Heirloom Apricot
- B8D7A9
≈ Apple Cream
- 9AD6EF
≈ Over the Sky
- DEBEEC
≈ Beefy Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.76:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.76:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--heirloom-apricot: #f4bea6;
--heirloom-apricot-rgb: 244 190 166;
--heirloom-apricot-oklch: oklch(0.844 0.071 45.1);
}
.element {
color: var(--heirloom-apricot);
background-color: hsl(18 78% 80%);
border-color: oklch(0.844 0.071 45.1);
}Tailwind CSS v4
@theme {
--color-heirloom-apricot: #f4bea6;
--color-heirloom-apricot-50: #fff0e4;
--color-heirloom-apricot-100: #fde1d4;
--color-heirloom-apricot-200: #efccbb;
--color-heirloom-apricot-300: #d7ad99;
--color-heirloom-apricot-400: #c2927c;
--color-heirloom-apricot-500: #ae775f;
--color-heirloom-apricot-600: #936551;
--color-heirloom-apricot-700: #765140;
--color-heirloom-apricot-800: #573a2e;
--color-heirloom-apricot-900: #3d281f;
--color-heirloom-apricot-950: #26160f;
}SCSS
$heirloom-apricot: #f4bea6;
$heirloom-apricot-rgb: 244, 190, 166;
$heirloom-apricot-light: mix(#fff, $heirloom-apricot, 20%);
$heirloom-apricot-dark: mix(#000, $heirloom-apricot, 20%);
.element {
color: $heirloom-apricot;
box-shadow: 0 0 0 2px rgba($heirloom-apricot, 0.35);
}