Nazwany kolor · #E6DBC6
Eiderdown
Eiderdown to #E6DBC6: rgb(230 219 198), hsl(39 39% 84%), oklch(0.895 0.031 83.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Eiderdown color name →
#E6DBC6
oklch(0.895 0.031 83.6)
Konwersje koloru
- HEX
- #e6dbc6
- RGB
- rgb(230 219 198)
- HSL
- hsl(39 39% 84%)
- HWB
- hwb(39 78% 10%)
- OKLCH
- oklch(0.895 0.031 83.6)
- OKLab
- oklab(0.895 0.003 0.03)
- CIE Lab
- lab(87.88 1.33 11.79)
- LCH
- lch(87.88 11.86 83.5)
- CMYK
- cmyk(0% 5% 14% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8DFCC
- EBE2D1
- EDE6D7
- F0E9DD
- F2EDE2
- F5F1E8
- F7F4EE
- FAF8F4
- FCFBF9
Odcienie ciemniejsze
- C8BEAC
- ABA292
- 8E877A
- 736D62
- 59544B
- 403C35
- 282621
- 13110E
- 030202
Tony
- DBD2BF
- D1C8B8
- C6BFB1
- BCB6A9
- B2ACA2
- A7A39B
- 9D9A95
- 94918E
- 8A8987
Harmonie kolorów
Komplementarna +180°
- E6DBC6
Eiderdown
- D2DDF1
≈ Puffy Cloud
Analogowa -30° +30°
- E6DBC6
Eiderdown
- EDD7CA
≈ Antique Pearl
- DCDFC8
≈ Sip of Mint
Triada +120° +240°
- E6DBC6
Eiderdown
- C6E3E5
≈ Aviary Blue
- E7D6E8
≈ Pale Grey Magenta
Komplementarna rozszczepiona +150° +210°
- E6DBC6
Eiderdown
- C9E0EE
≈ CO₂
- DDD9EF
≈ Quartz
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.31:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.31:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--eiderdown: #e6dbc6;
--eiderdown-rgb: 230 219 198;
--eiderdown-oklch: oklch(0.895 0.031 83.6);
}
.element {
color: var(--eiderdown);
background-color: hsl(39 39% 84%);
border-color: oklch(0.895 0.031 83.6);
}Tailwind CSS v4
@theme {
--color-eiderdown: #e6dbc6;
--color-eiderdown-50: #f9f5ec;
--color-eiderdown-100: #ece7dd;
--color-eiderdown-200: #dad4c6;
--color-eiderdown-300: #beb7a6;
--color-eiderdown-400: #a79d8a;
--color-eiderdown-500: #908570;
--color-eiderdown-600: #7a705f;
--color-eiderdown-700: #615a4b;
--color-eiderdown-800: #484137;
--color-eiderdown-900: #322d25;
--color-eiderdown-950: #1e1a14;
}SCSS
$eiderdown: #e6dbc6;
$eiderdown-rgb: 230, 219, 198;
$eiderdown-light: mix(#fff, $eiderdown, 20%);
$eiderdown-dark: mix(#000, $eiderdown, 20%);
.element {
color: $eiderdown;
box-shadow: 0 0 0 2px rgba($eiderdown, 0.35);
}