Nazwany kolor · #E0CFC2
Winsome Beige
Winsome Beige to #E0CFC2: rgb(224 207 194), hsl(26 33% 82%), oklch(0.865 0.026 59.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Winsome Beige color name →
#E0CFC2
oklch(0.865 0.026 59.9)
Konwersje koloru
- HEX
- #e0cfc2
- RGB
- rgb(224 207 194)
- HSL
- hsl(26 33% 82%)
- HWB
- hwb(26 76% 12%)
- OKLCH
- oklch(0.865 0.026 59.9)
- OKLab
- oklab(0.865 0.013 0.022)
- CIE Lab
- lab(84.27 4.52 8.73)
- LCH
- lch(84.27 9.83 62.6)
- CMYK
- cmyk(0% 8% 13% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3D4C8
- E6D8CE
- E9DDD4
- ECE2DA
- F0E7E0
- F3ECE6
- F6F0EC
- F9F5F3
- FCFAF9
Odcienie ciemniejsze
- C3B4A8
- A6998F
- 8A7F77
- 706760
- 564F49
- 3E3834
- 272320
- 12100E
- 020202
Tony
- D6C7BB
- CCBFB4
- C2B7AE
- B9AFA7
- AFA7A0
- A59F9A
- 9C9793
- 928F8D
- 898886
Harmonie kolorów
Komplementarna +180°
- E0CFC2
Winsome Beige
- C4D5E2
≈ Light Cameo Blue
Analogowa -30° +30°
- E0CFC2
Winsome Beige
- E3CDC9
≈ Pale Berries
- D9D2C0
≈ Clam
Triada +120° +240°
- E0CFC2
Winsome Beige
- C1D8D3
≈ Geyser
- D5CFE2
≈ Dusty Plum
Komplementarna rozszczepiona +150° +210°
- E0CFC2
Winsome Beige
- C0D8DC
≈ Haint Blue
- CCD2E4
≈ English Channel Fog
Tetrada +90° +180° +270°
- E0CFC2
Winsome Beige
- C7D8CA
≈ Dry Lichen
- C4D5E2
≈ Light Cameo Blue
- DDCDDB
≈ Cassia Buds
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.51:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.87:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.87:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--winsome-beige: #e0cfc2;
--winsome-beige-rgb: 224 207 194;
--winsome-beige-oklch: oklch(0.865 0.026 59.9);
}
.element {
color: var(--winsome-beige);
background-color: hsl(26 33% 82%);
border-color: oklch(0.865 0.026 59.9);
}Tailwind CSS v4
@theme {
--color-winsome-beige: #e0cfc2;
--color-winsome-beige-50: #fbf4ee;
--color-winsome-beige-100: #efe6df;
--color-winsome-beige-200: #ddd2c9;
--color-winsome-beige-300: #c2b5aa;
--color-winsome-beige-400: #aa9b8f;
--color-winsome-beige-500: #948275;
--color-winsome-beige-600: #7d6e63;
--color-winsome-beige-700: #64584f;
--color-winsome-beige-800: #4a403a;
--color-winsome-beige-900: #332c28;
--color-winsome-beige-950: #1f1916;
}SCSS
$winsome-beige: #e0cfc2;
$winsome-beige-rgb: 224, 207, 194;
$winsome-beige-light: mix(#fff, $winsome-beige, 20%);
$winsome-beige-dark: mix(#000, $winsome-beige, 20%);
.element {
color: $winsome-beige;
box-shadow: 0 0 0 2px rgba($winsome-beige, 0.35);
}