Nazwany kolor · #F2E9D3
White Fence
White Fence to #F2E9D3: rgb(242 233 211), hsl(43 54% 89%), oklch(0.935 0.031 88.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · White Fence color name →
#F2E9D3
oklch(0.935 0.031 88.4)
Konwersje koloru
- HEX
- #f2e9d3
- RGB
- rgb(242 233 211)
- HSL
- hsl(43 54% 89%)
- HWB
- hwb(43 83% 5%)
- OKLCH
- oklch(0.935 0.031 88.4)
- OKLab
- oklab(0.935 0.001 0.031)
- CIE Lab
- lab(92.63 0.46 11.88)
- LCH
- lch(92.63 11.89 87.8)
- CMYK
- cmyk(0% 4% 13% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F3EBD7
- F5EDDC
- F6F0E0
- F7F2E5
- F8F4E9
- FAF6ED
- FBF8F2
- FCFBF6
- FEFDFB
Odcienie ciemniejsze
- D2CBB7
- B4AD9C
- 969082
- 797469
- 5E5A51
- 43413A
- 2B2924
- 141310
- 030302
Tony
- E6DECA
- DAD3C2
- CEC8B9
- C3BEB1
- B7B3A9
- ACA9A0
- A19E98
- 969490
- 8B8A88
Harmonie kolorów
Komplementarna +180°
- F2E9D3
White Fence
- E1E9FF
≈ Glitter
Analogowa -30° +30°
- F2E9D3
White Fence
- FAE5D6
≈ Illuminated
- E7EDD6
≈ Lime Meringue
Triada +120° +240°
- F2E9D3
White Fence
- D3F0F4
≈ Windswept
- F6E3F4
≈ Soft Lavender
Komplementarna rozszczepiona +150° +210°
- F2E9D3
White Fence
- D8EDFC
≈ Ice Castle
- ECE6FC
≈ Cyber Lavender
Tetrada +90° +180° +270°
- F2E9D3
White Fence
- D5F1EA
≈ Green Frosting
- E1E9FF
≈ Glitter
- FCE2E9
≈ Watermelon Mousse
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.20:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.37:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--white-fence: #f2e9d3;
--white-fence-rgb: 242 233 211;
--white-fence-oklch: oklch(0.935 0.031 88.4);
}
.element {
color: var(--white-fence);
background-color: hsl(43 54% 89%);
border-color: oklch(0.935 0.031 88.4);
}Tailwind CSS v4
@theme {
--color-white-fence: #f2e9d3;
--color-white-fence-50: #f8f5eb;
--color-white-fence-100: #ece8dd;
--color-white-fence-200: #d9d4c6;
--color-white-fence-300: #bdb7a6;
--color-white-fence-400: #a69e8a;
--color-white-fence-500: #8e856f;
--color-white-fence-600: #79715e;
--color-white-fence-700: #605a4b;
--color-white-fence-800: #474236;
--color-white-fence-900: #312d25;
--color-white-fence-950: #1d1a14;
}SCSS
$white-fence: #f2e9d3;
$white-fence-rgb: 242, 233, 211;
$white-fence-light: mix(#fff, $white-fence, 20%);
$white-fence-dark: mix(#000, $white-fence, 20%);
.element {
color: $white-fence;
box-shadow: 0 0 0 2px rgba($white-fence, 0.35);
}