Nazwany kolor · #EEF5DB
Wishy-Washy Lime
Wishy-Washy Lime to #EEF5DB: rgb(238 245 219), hsl(76 57% 91%), oklch(0.958 0.035 119.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Wishy-Washy Lime color name →
#EEF5DB
oklch(0.958 0.035 119.3)
Konwersje koloru
- HEX
- #eef5db
- RGB
- rgb(238 245 219)
- HSL
- hsl(76 57% 91%)
- HWB
- hwb(76 86% 4%)
- OKLCH
- oklch(0.958 0.035 119.3)
- OKLab
- oklab(0.958 -0.017 0.031)
- CIE Lab
- lab(95.49 -5.72 11.73)
- LCH
- lch(95.49 13.05 116)
- CMYK
- cmyk(3% 0% 11% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0F6DF
- F1F7E2
- F3F8E6
- F5F9E9
- F6FAED
- F8FBF1
- FAFCF4
- FCFDF8
- FDFEFB
Odcienie ciemniejsze
- CFD5BE
- B1B6A2
- 939887
- 777B6D
- 5C5F54
- 42443C
- 2A2B26
- 141511
- 030302
Tony
- E2E9D2
- D7DDC8
- CCD1BF
- C1C5B6
- B5B9AD
- AAADA3
- A0A29A
- 959692
- 8A8B89
Harmonie kolorów
Komplementarna +180°
- EEF5DB
Wishy-Washy Lime
- F3EEFF
≈ Foundation White
Analogowa -30° +30°
- EEF5DB
Wishy-Washy Lime
- FAF1D7
≈ French Porcelain Clay
- E2F8E5
≈ Toxic Latte
Triada +120° +240°
- EEF5DB
Wishy-Washy Lime
- E4F4FF
≈ Kodama White
- FFEBF1
≈ Fairy Wings
Komplementarna rozszczepiona +150° +210°
- EEF5DB
Wishy-Washy Lime
- ECF1FF
≈ Carte Blanche
- FFE9FD
≈ Fairy Bubblegum Cloud
Tetrada +90° +180° +270°
- EEF5DB
Wishy-Washy Lime
- D7F8FE
≈ Glacial Day
- F3EEFF
≈ Foundation White
- FFECE9
≈ Rose Frost
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.12:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.71:1 · APCA Lc 99
Najlepszy kolor tekstu: #000000
WCAG 18.71:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
CSS
:root {
--wishy-washy-lime: #eef5db;
--wishy-washy-lime-rgb: 238 245 219;
--wishy-washy-lime-oklch: oklch(0.958 0.035 119.3);
}
.element {
color: var(--wishy-washy-lime);
background-color: hsl(76 57% 91%);
border-color: oklch(0.958 0.035 119.3);
}Tailwind CSS v4
@theme {
--color-wishy-washy-lime: #eef5db;
--color-wishy-washy-lime-50: #f3f7ec;
--color-wishy-washy-lime-100: #e6eadd;
--color-wishy-washy-lime-200: #d2d7c6;
--color-wishy-washy-lime-300: #b4baa7;
--color-wishy-washy-lime-400: #9ca28b;
--color-wishy-washy-lime-500: #838a70;
--color-wishy-washy-lime-600: #6f755f;
--color-wishy-washy-lime-700: #595d4c;
--color-wishy-washy-lime-800: #414436;
--color-wishy-washy-lime-900: #2d2f25;
--color-wishy-washy-lime-950: #1a1c14;
}SCSS
$wishy-washy-lime: #eef5db;
$wishy-washy-lime-rgb: 238, 245, 219;
$wishy-washy-lime-light: mix(#fff, $wishy-washy-lime, 20%);
$wishy-washy-lime-dark: mix(#000, $wishy-washy-lime, 20%);
.element {
color: $wishy-washy-lime;
box-shadow: 0 0 0 2px rgba($wishy-washy-lime, 0.35);
}