Nazwany kolor · #EAE5D5
Bleached Meadow
Bleached Meadow to #EAE5D5: rgb(234 229 213), hsl(46 33% 88%), oklch(0.921 0.022 92.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Bleached Meadow color name →
#EAE5D5
oklch(0.921 0.022 92.5)
Konwersje koloru
- HEX
- #eae5d5
- RGB
- rgb(234 229 213)
- HSL
- hsl(46 33% 88%)
- HWB
- hwb(46 84% 8%)
- OKLCH
- oklch(0.921 0.022 92.5)
- OKLab
- oklab(0.921 -0.001 0.022)
- CIE Lab
- lab(91.01 -0.27 8.46)
- LCH
- lch(91.01 8.47 91.8)
- CMYK
- cmyk(0% 2% 9% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECE8D9
- EEEADD
- F0EDE2
- F2EFE6
- F4F2EA
- F7F5EE
- F9F7F2
- FBFAF7
- FDFCFB
Odcienie ciemniejsze
- CBC7B9
- AEAA9E
- 918E83
- 75726A
- 5A5851
- 413F3A
- 292824
- 131210
- 030302
Tony
- DFDACC
- D4D0C3
- C9C6BB
- BEBBB2
- B4B1AA
- A9A7A1
- 9F9D99
- 949390
- 8A8A88
Harmonie kolorów
Komplementarna +180°
- EAE5D5
Bleached Meadow
- E0E5F4
≈ Crystal Falls
Analogowa -30° +30°
- EAE5D5
Bleached Meadow
- F0E2D7
≈ Grain White
- E2E8D8
≈ Milkweed
Triada +120° +240°
- EAE5D5
Bleached Meadow
- D5E9EE
≈ Enchanted Evening
- EEE0EC
≈ Heaven Sent
Komplementarna rozszczepiona +150° +210°
- EAE5D5
Bleached Meadow
- D9E7F3
≈ Icicle Veil
- E8E2F2
≈ Romantic Cruise
Tetrada +90° +180° +270°
- EAE5D5
Bleached Meadow
- D6EAE6
≈ Stillness
- E0E5F4
≈ Crystal Falls
- F3DFE4
≈ Candy Mix
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.66:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.66:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--bleached-meadow: #eae5d5;
--bleached-meadow-rgb: 234 229 213;
--bleached-meadow-oklch: oklch(0.921 0.022 92.5);
}
.element {
color: var(--bleached-meadow);
background-color: hsl(46 33% 88%);
border-color: oklch(0.921 0.022 92.5);
}Tailwind CSS v4
@theme {
--color-bleached-meadow: #eae5d5;
--color-bleached-meadow-50: #f7f5ee;
--color-bleached-meadow-100: #eae8e0;
--color-bleached-meadow-200: #d7d4ca;
--color-bleached-meadow-300: #bbb7ab;
--color-bleached-meadow-400: #a39e90;
--color-bleached-meadow-500: #8b8676;
--color-bleached-meadow-600: #767164;
--color-bleached-meadow-700: #5e5b50;
--color-bleached-meadow-800: #45423a;
--color-bleached-meadow-900: #302e28;
--color-bleached-meadow-950: #1c1a16;
}SCSS
$bleached-meadow: #eae5d5;
$bleached-meadow-rgb: 234, 229, 213;
$bleached-meadow-light: mix(#fff, $bleached-meadow, 20%);
$bleached-meadow-dark: mix(#000, $bleached-meadow, 20%);
.element {
color: $bleached-meadow;
box-shadow: 0 0 0 2px rgba($bleached-meadow, 0.35);
}