Nazwany kolor · #E1DADD
Wishy-Washy Red
Wishy-Washy Red to #E1DADD: rgb(225 218 221), hsl(334 10% 87%), oklch(0.895 0.009 349.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 Red color name →
#E1DADD
oklch(0.895 0.009 349.3)
Konwersje koloru
- HEX
- #e1dadd
- RGB
- rgb(225 218 221)
- HSL
- hsl(334 10% 87%)
- HWB
- hwb(334 85% 12%)
- OKLCH
- oklch(0.895 0.009 349.3)
- OKLab
- oklab(0.895 0.008 -0.002)
- CIE Lab
- lab(87.68 2.87 -0.58)
- LCH
- lch(87.68 2.93 348.5)
- CMYK
- cmyk(0% 3% 2% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4DEE0
- E7E1E4
- EAE5E7
- EDE9EA
- F0ECEE
- F3F0F1
- F6F4F5
- F9F8F8
- FCFBFC
Odcienie ciemniejsze
- C4BDC0
- A7A2A4
- 8B8788
- 706C6E
- 565455
- 3E3C3D
- 272526
- 121111
- 020202
Tony
- D7D1D3
- CDC7CA
- C3BEC0
- B9B5B7
- AFACAD
- A6A3A4
- 9C9A9B
- 939192
- 898989
Harmonie kolorów
Komplementarna +180°
- E1DADD
Wishy-Washy Red
- D7DEDB
≈ Mystic
Analogowa -30° +30°
- E1DADD
Wishy-Washy Red
- DFDAE0
≈ Breathless
- E2DADA
≈ Porcelain Goldfish
Triada +120° +240°
- E1DADD
Wishy-Washy Red
- DCDDD6
≈ Frosty White
- D7DDE1
≈ Wispy Skies
Komplementarna rozszczepiona +150° +210°
- E1DADD
Wishy-Washy Red
- D9DED8
≈ Ladoga Bottom
- D6DEDE
≈ Ocean Crest
Tetrada +90° +180° +270°
- E1DADD
Wishy-Washy Red
- DFDCD6
≈ River Shark
- D7DEDB
≈ Mystic
- D9DCE2
≈ Wispy Skies
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.27:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--wishy-washy-red: #e1dadd;
--wishy-washy-red-rgb: 225 218 221;
--wishy-washy-red-oklch: oklch(0.895 0.009 349.3);
}
.element {
color: var(--wishy-washy-red);
background-color: hsl(334 10% 87%);
border-color: oklch(0.895 0.009 349.3);
}Tailwind CSS v4
@theme {
--color-wishy-washy-red: #e1dadd;
--color-wishy-washy-red-50: #f7f4f5;
--color-wishy-washy-red-100: #eae7e8;
--color-wishy-washy-red-200: #d7d3d4;
--color-wishy-washy-red-300: #bbb6b8;
--color-wishy-washy-red-400: #a39c9f;
--color-wishy-washy-red-500: #8b8487;
--color-wishy-washy-red-600: #767072;
--color-wishy-washy-red-700: #5e595b;
--color-wishy-washy-red-800: #454143;
--color-wishy-washy-red-900: #302d2e;
--color-wishy-washy-red-950: #1c1a1b;
}SCSS
$wishy-washy-red: #e1dadd;
$wishy-washy-red-rgb: 225, 218, 221;
$wishy-washy-red-light: mix(#fff, $wishy-washy-red, 20%);
$wishy-washy-red-dark: mix(#000, $wishy-washy-red, 20%);
.element {
color: $wishy-washy-red;
box-shadow: 0 0 0 2px rgba($wishy-washy-red, 0.35);
}