Nazwany kolor · #DDE2D9
Wishy-Washy Mint
Wishy-Washy Mint to #DDE2D9: rgb(221 226 217), hsl(93 13% 87%), oklch(0.906 0.013 130.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Wishy-Washy Mint color name →
#DDE2D9
oklch(0.906 0.013 130.8)
Konwersje koloru
- HEX
- #dde2d9
- RGB
- rgb(221 226 217)
- HSL
- hsl(93 13% 87%)
- HWB
- hwb(93 85% 11%)
- OKLCH
- oklch(0.906 0.013 130.8)
- OKLab
- oklab(0.906 -0.009 0.01)
- CIE Lab
- lab(89.31 -2.94 3.8)
- LCH
- lch(89.31 4.8 127.8)
- CMYK
- cmyk(2% 0% 4% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0E5DD
- E4E8E1
- E7EBE4
- EAEEE8
- EEF0EC
- F1F3F0
- F5F6F3
- F8F9F7
- FCFCFB
Odcienie ciemniejsze
- C0C4BC
- A4A8A1
- 888C86
- 6E716C
- 555753
- 3D3E3B
- 262725
- 111211
- 020302
Tony
- D3D8D0
- CACEC7
- C0C4BD
- B7BAB4
- ADB0AB
- A4A6A3
- 9B9C9A
- 929391
- 898989
Harmonie kolorów
Komplementarna +180°
- DDE2D9
Wishy-Washy Mint
- E3DEE7
≈ Minified Purple
Analogowa -30° +30°
- DDE2D9
Wishy-Washy Mint
- E2E0D7
≈ Roadster White
- D9E3DD
≈ Breezy Aqua
Triada +120° +240°
- DDE2D9
Wishy-Washy Mint
- DAE1E9
≈ Star Map
- E9DDDE
≈ Pink Posey
Komplementarna rozszczepiona +150° +210°
- DDE2D9
Wishy-Washy Mint
- DEDFE9
≈ Delicate Cloud
- E7DDE3
≈ Diluted Red
Tetrada +90° +180° +270°
- DDE2D9
Wishy-Washy Mint
- D7E2E6
≈ Glassine
- E3DEE7
≈ Minified Purple
- E8DDD9
≈ Memories
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.31:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.95:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.95:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--wishy-washy-mint: #dde2d9;
--wishy-washy-mint-rgb: 221 226 217;
--wishy-washy-mint-oklch: oklch(0.906 0.013 130.8);
}
.element {
color: var(--wishy-washy-mint);
background-color: hsl(93 13% 87%);
border-color: oklch(0.906 0.013 130.8);
}Tailwind CSS v4
@theme {
--color-wishy-washy-mint: #dde2d9;
--color-wishy-washy-mint-50: #f4f6f2;
--color-wishy-washy-mint-100: #e6e9e4;
--color-wishy-washy-mint-200: #d2d5d0;
--color-wishy-washy-mint-300: #b5b9b2;
--color-wishy-washy-mint-400: #9ca098;
--color-wishy-washy-mint-500: #83887f;
--color-wishy-washy-mint-600: #6f736c;
--color-wishy-washy-mint-700: #595c56;
--color-wishy-washy-mint-800: #41433e;
--color-wishy-washy-mint-900: #2d2e2b;
--color-wishy-washy-mint-950: #1a1b18;
}SCSS
$wishy-washy-mint: #dde2d9;
$wishy-washy-mint-rgb: 221, 226, 217;
$wishy-washy-mint-light: mix(#fff, $wishy-washy-mint, 20%);
$wishy-washy-mint-dark: mix(#000, $wishy-washy-mint, 20%);
.element {
color: $wishy-washy-mint;
box-shadow: 0 0 0 2px rgba($wishy-washy-mint, 0.35);
}