Adlandırılmış renk · #EBE8DA
Fresh Linen
Fresh Linen, #EBE8DA: rgb(235 232 218), hsl(49 30% 89%), oklch(0.93 0.019 96.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Fresh Linen color name →
#EBE8DA
oklch(0.93 0.019 96.9)
Renk dönüşümleri
- HEX
- #ebe8da
- RGB
- rgb(235 232 218)
- HSL
- hsl(49 30% 89%)
- HWB
- hwb(49 85% 8%)
- OKLCH
- oklch(0.93 0.019 96.9)
- OKLab
- oklab(0.93 -0.002 0.019)
- CIE Lab
- lab(91.95 -0.74 7.21)
- LCH
- lch(91.95 7.25 95.8)
- CMYK
- cmyk(0% 1% 7% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDEADE
- EFEDE1
- F1EFE5
- F3F1E9
- F5F3EC
- F7F6F0
- F9F8F4
- FBFAF8
- FDFDFB
Koyu tonlar
- CCCABD
- AEACA2
- 919087
- 75746C
- 5B5954
- 41403C
- 292925
- 131311
- 030302
Gri tonlar
- E0DDD1
- D5D2C7
- CAC8BE
- BFBDB5
- B4B3AC
- A9A8A3
- 9F9E9A
- 949491
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- EBE8DA
Fresh Linen
- E4E7F5
≈ Lavender Syrup
Analog -30° +30°
- EBE8DA
Fresh Linen
- F1E6DB
≈ Fair Maiden
- E4EADD
≈ Rhine Falls
Üçlü +120° +240°
- EBE8DA
Fresh Linen
- DAEBF0
≈ Frost Wind
- F1E3EC
≈ Pink Amour
Bölünmüş tamamlayıcı +150° +210°
- EBE8DA
Fresh Linen
- DEE9F4
≈ Freeze Up
- EBE5F2
≈ Modest Violet
Dörtlü +90° +180° +270°
- EBE8DA
Fresh Linen
- DAECEA
≈ Ice Folly
- E4E7F5
≈ Lavender Syrup
- F4E3E5
≈ Gaiety
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.08:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--fresh-linen: #ebe8da;
--fresh-linen-rgb: 235 232 218;
--fresh-linen-oklch: oklch(0.93 0.019 96.9);
}
.element {
color: var(--fresh-linen);
background-color: hsl(49 30% 89%);
border-color: oklch(0.93 0.019 96.9);
}Tailwind CSS v4
@theme {
--color-fresh-linen: #ebe8da;
--color-fresh-linen-50: #f6f5ef;
--color-fresh-linen-100: #e9e8e1;
--color-fresh-linen-200: #d6d4cb;
--color-fresh-linen-300: #bab8ad;
--color-fresh-linen-400: #a19f92;
--color-fresh-linen-500: #898678;
--color-fresh-linen-600: #747266;
--color-fresh-linen-700: #5d5b51;
--color-fresh-linen-800: #44423b;
--color-fresh-linen-900: #2f2e29;
--color-fresh-linen-950: #1c1b16;
}SCSS
$fresh-linen: #ebe8da;
$fresh-linen-rgb: 235, 232, 218;
$fresh-linen-light: mix(#fff, $fresh-linen, 20%);
$fresh-linen-dark: mix(#000, $fresh-linen, 20%);
.element {
color: $fresh-linen;
box-shadow: 0 0 0 2px rgba($fresh-linen, 0.35);
}