Nazwany kolor · #E8D5C6
Soft Shoe
Soft Shoe to #E8D5C6: rgb(232 213 198), hsl(26 42% 84%), oklch(0.884 0.029 60.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Soft Shoe color name →
#E8D5C6
oklch(0.884 0.029 60.7)
Konwersje koloru
- HEX
- #e8d5c6
- RGB
- rgb(232 213 198)
- HSL
- hsl(26 42% 84%)
- HWB
- hwb(26 78% 9%)
- OKLCH
- oklch(0.884 0.029 60.7)
- OKLab
- oklab(0.884 0.014 0.026)
- CIE Lab
- lab(86.54 4.99 9.95)
- LCH
- lch(86.54 11.13 63.3)
- CMYK
- cmyk(0% 8% 15% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAD9CC
- EDDDD1
- EFE2D7
- F1E6DD
- F4EAE2
- F6EEE8
- F8F2EE
- FAF7F3
- FDFBF9
Odcienie ciemniejsze
- CAB9AC
- AC9E92
- 90837A
- 746A62
- 59514B
- 403A35
- 292421
- 13100E
- 030202
Tony
- DDCCBF
- D2C3B8
- C8BBB1
- BDB2A9
- B3AAA2
- A8A19B
- 9E9994
- 94908E
- 8A8887
Harmonie kolorów
Komplementarna +180°
- E8D5C6
Soft Shoe
- C9DCEB
≈ Put on Ice
Analogowa -30° +30°
- E8D5C6
Soft Shoe
- ECD2CD
≈ Cool Melon
- E0D9C4
≈ Sentimental Beige
Triada +120° +240°
- E8D5C6
Soft Shoe
- C5E0DA
≈ Ulthuan Grey
- DCD5EA
≈ Light Purity
Komplementarna rozszczepiona +150° +210°
- E8D5C6
Soft Shoe
- C4DFE4
≈ Trevi Fountain
- D1D8ED
≈ Sachet Cushion
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.76:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.76:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--soft-shoe: #e8d5c6;
--soft-shoe-rgb: 232 213 198;
--soft-shoe-oklch: oklch(0.884 0.029 60.7);
}
.element {
color: var(--soft-shoe);
background-color: hsl(26 42% 84%);
border-color: oklch(0.884 0.029 60.7);
}Tailwind CSS v4
@theme {
--color-soft-shoe: #e8d5c6;
--color-soft-shoe-50: #fcf3ed;
--color-soft-shoe-100: #efe6de;
--color-soft-shoe-200: #ded2c8;
--color-soft-shoe-300: #c3b4a8;
--color-soft-shoe-400: #ac9b8d;
--color-soft-shoe-500: #958273;
--color-soft-shoe-600: #7e6e61;
--color-soft-shoe-700: #65584e;
--color-soft-shoe-800: #4a4038;
--color-soft-shoe-900: #342c27;
--color-soft-shoe-950: #1f1915;
}SCSS
$soft-shoe: #e8d5c6;
$soft-shoe-rgb: 232, 213, 198;
$soft-shoe-light: mix(#fff, $soft-shoe, 20%);
$soft-shoe-dark: mix(#000, $soft-shoe, 20%);
.element {
color: $soft-shoe;
box-shadow: 0 0 0 2px rgba($soft-shoe, 0.35);
}