Adlandırılmış renk · #F5EDED
Line Dried Sheets
Line Dried Sheets, #F5EDED: rgb(245 237 237), hsl(0 29% 95%), oklch(0.952 0.009 17.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Line Dried Sheets color name →
#F5EDED
oklch(0.952 0.009 17.3)
Renk dönüşümleri
- HEX
- #f5eded
- RGB
- rgb(245 237 237)
- HSL
- hsl(0 29% 95%)
- HWB
- hwb(0 93% 4%)
- OKLCH
- oklch(0.952 0.009 17.3)
- OKLab
- oklab(0.952 0.008 0.003)
- CIE Lab
- lab(94.38 2.78 1.01)
- LCH
- lch(94.38 2.96 19.9)
- CMYK
- cmyk(0% 3% 3% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F6EFEF
- F7F1F1
- F8F2F2
- F9F4F4
- FAF6F6
- FBF8F8
- FCFAFA
- FDFBFB
- FEFDFD
Koyu tonlar
- D5CECE
- B6B0B0
- 989393
- 7B7777
- 5F5C5C
- 444242
- 2B2A2A
- 151414
- 030303
Gri tonlar
- E9E2E2
- DDD6D6
- D0CBCB
- C5C0C0
- B9B5B5
- ADAAAA
- A29F9F
- 969595
- 8B8A8A
Renk uyumları
Tamamlayıcı +180°
- F5EDED
Line Dried Sheets
- E9F1F1
≈ Frosted Glass
Analog -30° +30°
- F5EDED
Line Dried Sheets
- F4EDF0
≈ Line Dried Sheets
- F4EEEA
≈ Pink Mirage
Üçlü +120° +240°
- F5EDED
Line Dried Sheets
- ECF1EB
≈ Spring Fog
- ECF0F5
≈ Powder White
Bölünmüş tamamlayıcı +150° +210°
- F5EDED
Line Dried Sheets
- EAF1EE
≈ Silent Breath
- EAF1F4
≈ Powder White
Dörtlü +90° +180° +270°
- F5EDED
Line Dried Sheets
- F0F0E9
≈ Clean Buffer
- E9F1F1
≈ Frosted Glass
- EFEEF5
≈ Springtime Rain
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.15:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.21:1 · APCA Lc 97
En iyi metin rengi: #000000
WCAG 18.21:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--line-dried-sheets: #f5eded;
--line-dried-sheets-rgb: 245 237 237;
--line-dried-sheets-oklch: oklch(0.952 0.009 17.3);
}
.element {
color: var(--line-dried-sheets);
background-color: hsl(0 29% 95%);
border-color: oklch(0.952 0.009 17.3);
}Tailwind CSS v4
@theme {
--color-line-dried-sheets: #f5eded;
--color-line-dried-sheets-50: #f8f4f4;
--color-line-dried-sheets-100: #ebe7e7;
--color-line-dried-sheets-200: #d8d3d3;
--color-line-dried-sheets-300: #bcb6b5;
--color-line-dried-sheets-400: #a39c9c;
--color-line-dried-sheets-500: #8c8484;
--color-line-dried-sheets-600: #767070;
--color-line-dried-sheets-700: #5f5959;
--color-line-dried-sheets-800: #454141;
--color-line-dried-sheets-900: #302d2d;
--color-line-dried-sheets-950: #1c1a1a;
}SCSS
$line-dried-sheets: #f5eded;
$line-dried-sheets-rgb: 245, 237, 237;
$line-dried-sheets-light: mix(#fff, $line-dried-sheets, 20%);
$line-dried-sheets-dark: mix(#000, $line-dried-sheets, 20%);
.element {
color: $line-dried-sheets;
box-shadow: 0 0 0 2px rgba($line-dried-sheets, 0.35);
}