Nazwany kolor · #F3E2DC
Brandy Alexander
Brandy Alexander to #F3E2DC: rgb(243 226 220), hsl(16 49% 91%), oklch(0.925 0.02 40.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Brandy Alexander color name →
#F3E2DC
oklch(0.925 0.02 40.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4E5DF
- F5E8E3
- F7EBE6
- F8EEEA
- F9F0ED
- FAF3F1
- FBF6F4
- FDF9F8
- FEFCFB
Odcienie ciemniejsze
- D3C4BF
- B4A8A3
- 978C88
- 7A716E
- 5E5754
- 443E3C
- 2B2726
- 141211
- 030302
Tony
- E7D8D2
- DBCEC9
- CFC4BF
- C3BAB6
- B8B0AD
- ACA6A4
- A19C9B
- 969392
- 8B8989
Harmonie kolorów
Komplementarna +180°
- F3E2DC
Brandy Alexander
- D8EAF0
≈ Frost Wind
Analogowa -30° +30°
- F3E2DC
Brandy Alexander
- F3E1E3
≈ Dulcet Pink
- EFE4D8
≈ Vellum Parchment
Triada +120° +240°
- F3E2DC
Brandy Alexander
- DBEBE2
≈ Snowbound
- E3E5F4
≈ Crystal Falls
Komplementarna rozszczepiona +150° +210°
- F3E2DC
Brandy Alexander
- D8EBE9
≈ Water Squirt
- DCE8F4
≈ Azureish White
Tetrada +90° +180° +270°
- F3E2DC
Brandy Alexander
- E1E9DB
≈ Pergola Panorama
- D8EAF0
≈ Frost Wind
- EAE3F1
≈ Modest Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.72:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.72:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
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);
}