Benannte Farbe · #F4D5B2
Frangipane
Frangipane ist #F4D5B2: rgb(244 213 178), hsl(32 75% 83%), oklch(0.89 0.058 70.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Frangipane color name →
#F4D5B2
oklch(0.89 0.058 70.4)
Farbumrechnungen
- HEX
- #f4d5b2
- RGB
- rgb(244 213 178)
- HSL
- hsl(32 75% 83%)
- HWB
- hwb(32 70% 4%)
- OKLCH
- oklch(0.89 0.058 70.4)
- OKLab
- oklab(0.89 0.019 0.054)
- CIE Lab
- lab(87.26 7.37 21.56)
- LCH
- lch(87.26 22.78 71.1)
- CMYK
- cmyk(0% 13% 27% 4%)
Tints · Shades · Tones
Tints
- F5D9BA
- F6DDC1
- F8E2C9
- F9E6D1
- FAEAD9
- FBEEE0
- FCF2E8
- FDF7F0
- FEFBF7
Shades
- D4B99A
- B59E83
- 97836D
- 7A6A57
- 5E5143
- 443A2F
- 2B241D
- 14100C
- 030201
Tones
- E8CCAD
- DCC3A8
- D0BBA3
- C4B29E
- B9AA99
- ADA194
- A2998F
- 96908A
- 8B8885
Farbharmonien
Komplementär +180°
- F4D5B2
Frangipane
- C0DEFF
≈ Dithered Sky
Analog -30° +30°
- F4D5B2
Frangipane
- FECFBE
≈ Delicate Sweet Apricot
- E3DCB1
≈ Modern Zen
Triadisch +120° +240°
- F4D5B2
Frangipane
- AFE8E3
≈ Cool Crayon
- E7D1F8
≈ Mousse aux Pruneaux
Geteilt komplementär +150° +210°
- F4D5B2
Frangipane
- B1E4F6
≈ Breaking the Ice
- D3D8FF
≈ Icy Plains
Tetradisch +90° +180° +270°
- F4D5B2
Frangipane
- BAE7CE
≈ Woolly Mint
- C0DEFF
≈ Dithered Sky
- F6CDE7
≈ Sparkling Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.39:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.00:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--frangipane: #f4d5b2;
--frangipane-rgb: 244 213 178;
--frangipane-oklch: oklch(0.89 0.058 70.4);
}
.element {
color: var(--frangipane);
background-color: hsl(32 75% 83%);
border-color: oklch(0.89 0.058 70.4);
}Tailwind CSS v4
@theme {
--color-frangipane: #f4d5b2;
--color-frangipane-50: #fff3e4;
--color-frangipane-100: #f4e5d3;
--color-frangipane-200: #e4d1ba;
--color-frangipane-300: #cab398;
--color-frangipane-400: #b59979;
--color-frangipane-500: #9f805c;
--color-frangipane-600: #866c4e;
--color-frangipane-700: #6c573e;
--color-frangipane-800: #503f2c;
--color-frangipane-900: #382b1e;
--color-frangipane-950: #22180e;
}SCSS
$frangipane: #f4d5b2;
$frangipane-rgb: 244, 213, 178;
$frangipane-light: mix(#fff, $frangipane, 20%);
$frangipane-dark: mix(#000, $frangipane, 20%);
.element {
color: $frangipane;
box-shadow: 0 0 0 2px rgba($frangipane, 0.35);
}