Nazwany kolor · #E3DCCA
Vintage Linen
Vintage Linen to #E3DCCA: rgb(227 220 202), hsl(43 31% 84%), oklch(0.895 0.025 89.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Vintage Linen color name →
#E3DCCA
oklch(0.895 0.025 89.2)
Konwersje koloru
- HEX
- #e3dcca
- RGB
- rgb(227 220 202)
- HSL
- hsl(43 31% 84%)
- HWB
- hwb(43 79% 11%)
- OKLCH
- oklch(0.895 0.025 89.2)
- OKLab
- oklab(0.895 0 0.025)
- CIE Lab
- lab(87.96 0.22 9.77)
- LCH
- lch(87.96 9.78 88.7)
- CMYK
- cmyk(0% 3% 11% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6DFCF
- E9E3D4
- EBE6DA
- EEEADF
- F1EDE4
- F4F1EA
- F7F4EF
- F9F8F4
- FCFBFA
Odcienie ciemniejsze
- C5BFAF
- A8A395
- 8C887C
- 716E64
- 57544D
- 3F3C37
- 272622
- 12110F
- 030202
Tony
- D9D2C2
- CEC9BB
- C4BFB3
- BAB6AC
- B0ADA4
- A6A49D
- 9D9B96
- 93928E
- 898987
Harmonie kolorów
Komplementarna +180°
- E3DCCA
Vintage Linen
- D5DCEE
≈ Snowy Shadow
Analogowa -30° +30°
- E3DCCA
Vintage Linen
- EAD9CC
≈ Shoreland
- DADFCD
≈ Gin
Triada +120° +240°
- E3DCCA
Vintage Linen
- CAE1E5
≈ Melting Point
- E6D7E5
≈ Snuff
Komplementarna rozszczepiona +150° +210°
- E3DCCA
Vintage Linen
- CEDFEC
≈ Happy Thoughts
- DED9EB
≈ Eyeshadow
Tetrada +90° +180° +270°
- E3DCCA
Vintage Linen
- CCE2DD
≈ Ice Bomb
- D5DCEE
≈ Snowy Shadow
- ECD6DC
≈ Lighthearted Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.35:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.35:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--vintage-linen: #e3dcca;
--vintage-linen-rgb: 227 220 202;
--vintage-linen-oklch: oklch(0.895 0.025 89.2);
}
.element {
color: var(--vintage-linen);
background-color: hsl(43 31% 84%);
border-color: oklch(0.895 0.025 89.2);
}Tailwind CSS v4
@theme {
--color-vintage-linen: #e3dcca;
--color-vintage-linen-50: #f8f5ed;
--color-vintage-linen-100: #ebe8df;
--color-vintage-linen-200: #d8d4c8;
--color-vintage-linen-300: #bcb7a9;
--color-vintage-linen-400: #a49e8e;
--color-vintage-linen-500: #8d8673;
--color-vintage-linen-600: #777162;
--color-vintage-linen-700: #5f5a4e;
--color-vintage-linen-800: #464239;
--color-vintage-linen-900: #302e27;
--color-vintage-linen-950: #1d1a15;
}SCSS
$vintage-linen: #e3dcca;
$vintage-linen-rgb: 227, 220, 202;
$vintage-linen-light: mix(#fff, $vintage-linen, 20%);
$vintage-linen-dark: mix(#000, $vintage-linen, 20%);
.element {
color: $vintage-linen;
box-shadow: 0 0 0 2px rgba($vintage-linen, 0.35);
}