Nazwany kolor · #E1D9C7
Raw Silk
Raw Silk to #E1D9C7: rgb(225 217 199), hsl(42 30% 83%), oklch(0.887 0.026 86.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Raw Silk color name →
#E1D9C7
oklch(0.887 0.026 86.9)
Konwersje koloru
- HEX
- #e1d9c7
- RGB
- rgb(225 217 199)
- HSL
- hsl(42 30% 83%)
- HWB
- hwb(42 78% 12%)
- OKLCH
- oklch(0.887 0.026 86.9)
- OKLab
- oklab(0.887 0.001 0.026)
- CIE Lab
- lab(86.98 0.59 9.93)
- LCH
- lch(86.98 9.95 86.6)
- CMYK
- cmyk(0% 4% 12% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4DDCD
- E7E1D2
- EAE4D8
- EDE8DD
- F0ECE3
- F3F0E8
- F6F4EE
- F9F7F4
- FCFBF9
Odcienie ciemniejsze
- C4BCAD
- A7A193
- 8B867A
- 706C62
- 56534C
- 3E3B36
- 272521
- 12110E
- 020202
Tony
- D7D0C0
- CDC7B8
- C3BDB1
- B9B4AA
- AFABA3
- A6A39C
- 9C9A95
- 93918E
- 898987
Harmonie kolorów
Komplementarna +180°
- E1D9C7
Raw Silk
- D2DAEB
≈ Hawkes Blue
Analogowa -30° +30°
- E1D9C7
Raw Silk
- E8D6CA
≈ Seaside Villa
- D8DCC9
≈ Silver Laurel
Triada +120° +240°
- E1D9C7
Raw Silk
- C7DFE2
≈ Open Air
- E3D4E3
≈ Joyful Lilac
Komplementarna rozszczepiona +150° +210°
- E1D9C7
Raw Silk
- CBDDE9
≈ Caribbean Mist
- DBD7E9
≈ Light Lavender Water
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.95:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.95:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--raw-silk: #e1d9c7;
--raw-silk-rgb: 225 217 199;
--raw-silk-oklch: oklch(0.887 0.026 86.9);
}
.element {
color: var(--raw-silk);
background-color: hsl(42 30% 83%);
border-color: oklch(0.887 0.026 86.9);
}Tailwind CSS v4
@theme {
--color-raw-silk: #e1d9c7;
--color-raw-silk-50: #f8f5ed;
--color-raw-silk-100: #ebe8de;
--color-raw-silk-200: #d9d4c8;
--color-raw-silk-300: #bdb7a9;
--color-raw-silk-400: #a59e8e;
--color-raw-silk-500: #8e8573;
--color-raw-silk-600: #787162;
--color-raw-silk-700: #605a4e;
--color-raw-silk-800: #464238;
--color-raw-silk-900: #312d27;
--color-raw-silk-950: #1d1a15;
}SCSS
$raw-silk: #e1d9c7;
$raw-silk-rgb: 225, 217, 199;
$raw-silk-light: mix(#fff, $raw-silk, 20%);
$raw-silk-dark: mix(#000, $raw-silk, 20%);
.element {
color: $raw-silk;
box-shadow: 0 0 0 2px rgba($raw-silk, 0.35);
}