Benoemde kleur · #F3E2DC
Brandy Alexander
Brandy Alexander is #F3E2DC: rgb(243 226 220), hsl(16 49% 91%), oklch(0.925 0.02 40.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Brandy Alexander color name →
#F3E2DC
oklch(0.925 0.02 40.5)
Kleurconversies
- HEX
- #f3e2dc
- RGB
- rgb(243 226 220)
- HSL
- hsl(16 49% 91%)
- HWB
- hwb(16 86% 5%)
- OKLCH
- oklch(0.925 0.02 40.5)
- OKLab
- oklab(0.925 0.016 0.013)
- CIE Lab
- lab(91.14 5.26 5.14)
- LCH
- lch(91.14 7.36 44.3)
- CMYK
- cmyk(0% 7% 9% 5%)
Tinten · Schaduwen · Tonen
Tinten
- F4E5DF
- F5E8E3
- F7EBE6
- F8EEEA
- F9F0ED
- FAF3F1
- FBF6F4
- FDF9F8
- FEFCFB
Schaduwen
- D3C4BF
- B4A8A3
- 978C88
- 7A716E
- 5E5754
- 443E3C
- 2B2726
- 141211
- 030302
Tonen
- E7D8D2
- DBCEC9
- CFC4BF
- C3BAB6
- B8B0AD
- ACA6A4
- A19C9B
- 969392
- 8B8989
Kleurharmonieën
Complementair +180°
- F3E2DC
Brandy Alexander
- D8EAF0
≈ Frost Wind
Analoog -30° +30°
- F3E2DC
Brandy Alexander
- F3E1E3
≈ Dulcet Pink
- EFE4D8
≈ Vellum Parchment
Triadisch +120° +240°
- F3E2DC
Brandy Alexander
- DBEBE2
≈ Snowbound
- E3E5F4
≈ Crystal Falls
Gesplitst complementair +150° +210°
- F3E2DC
Brandy Alexander
- D8EBE9
≈ Water Squirt
- DCE8F4
≈ Azureish White
Tetradisch +90° +180° +270°
- F3E2DC
Brandy Alexander
- E1E9DB
≈ Pergola Panorama
- D8EAF0
≈ Frost Wind
- EAE3F1
≈ Modest Violet
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.25:1 · APCA Lc 13
Ag
AAAOp zwart
WCAG 16.72:1 · APCA Lc 91
Beste tekstkleur: #000000
WCAG 16.72:1 (AAA) · APCA Lc 91
Contrast pairs
Codefragmenten
CSS
:root {
--brandy-alexander: #f3e2dc;
--brandy-alexander-rgb: 243 226 220;
--brandy-alexander-oklch: oklch(0.925 0.02 40.5);
}
.element {
color: var(--brandy-alexander);
background-color: hsl(16 49% 91%);
border-color: oklch(0.925 0.02 40.5);
}Tailwind CSS v4
@theme {
--color-brandy-alexander: #f3e2dc;
--color-brandy-alexander-50: #fbf3f1;
--color-brandy-alexander-100: #eee6e3;
--color-brandy-alexander-200: #dcd2cd;
--color-brandy-alexander-300: #c1b4af;
--color-brandy-alexander-400: #aa9b95;
--color-brandy-alexander-500: #93827c;
--color-brandy-alexander-600: #7c6e69;
--color-brandy-alexander-700: #635854;
--color-brandy-alexander-800: #49403d;
--color-brandy-alexander-900: #332c2a;
--color-brandy-alexander-950: #1e1918;
}SCSS
$brandy-alexander: #f3e2dc;
$brandy-alexander-rgb: 243, 226, 220;
$brandy-alexander-light: mix(#fff, $brandy-alexander, 20%);
$brandy-alexander-dark: mix(#000, $brandy-alexander, 20%);
.element {
color: $brandy-alexander;
box-shadow: 0 0 0 2px rgba($brandy-alexander, 0.35);
}