Adlandırılmış renk · #F1E5D7
Finest Silk
Finest Silk, #F1E5D7: rgb(241 229 215), hsl(32 48% 89%), oklch(0.928 0.023 71.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Finest Silk color name →
#F1E5D7
oklch(0.928 0.023 71.8)
Renk dönüşümleri
- HEX
- #f1e5d7
- RGB
- rgb(241 229 215)
- HSL
- hsl(32 48% 89%)
- HWB
- hwb(32 84% 5%)
- OKLCH
- oklch(0.928 0.023 71.8)
- OKLab
- oklab(0.928 0.007 0.022)
- CIE Lab
- lab(91.62 2.49 8.39)
- LCH
- lch(91.62 8.75 73.4)
- CMYK
- cmyk(0% 5% 11% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2E8DB
- F4EADF
- F5EDE3
- F7EFE7
- F8F2EB
- F9F5EF
- FBF7F3
- FCFAF7
- FEFCFB
Koyu tonlar
- D2C7BB
- B3AA9F
- 958E85
- 79726B
- 5D5852
- 433F3B
- 2B2825
- 141211
- 030302
Gri tonlar
- E5DACE
- D9D0C5
- CEC6BC
- C2BBB3
- B7B1AB
- ACA7A2
- A19D99
- 969391
- 8B8A88
Renk uyumları
Tamamlayıcı +180°
- F1E5D7
Finest Silk
- DCE9F6
≈ Azureish White
Analog -30° +30°
- F1E5D7
Finest Silk
- F5E3DB
≈ Provincial Pink
- EAE8D7
≈ Vape Smoke
Üçlü +120° +240°
- F1E5D7
Finest Silk
- D7ECEB
≈ Water Squirt
- ECE3F3
≈ Sheer Lavender
Bölünmüş tamamlayıcı +150° +210°
- F1E5D7
Finest Silk
- D7EBF2
≈ Spacious Skies
- E4E6F7
≈ Cyber Lavender
Dörtlü +90° +180° +270°
- F1E5D7
Finest Silk
- DAECE2
≈ Cryo Freeze
- DCE9F6
≈ Azureish White
- F3E1EB
≈ Taffeta Tint
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.92:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.92:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--finest-silk: #f1e5d7;
--finest-silk-rgb: 241 229 215;
--finest-silk-oklch: oklch(0.928 0.023 71.8);
}
.element {
color: var(--finest-silk);
background-color: hsl(32 48% 89%);
border-color: oklch(0.928 0.023 71.8);
}Tailwind CSS v4
@theme {
--color-finest-silk: #f1e5d7;
--color-finest-silk-50: #f9f4ee;
--color-finest-silk-100: #ede7e0;
--color-finest-silk-200: #dad3ca;
--color-finest-silk-300: #bfb6ab;
--color-finest-silk-400: #a79d90;
--color-finest-silk-500: #908476;
--color-finest-silk-600: #7a7064;
--color-finest-silk-700: #615950;
--color-finest-silk-800: #48413a;
--color-finest-silk-900: #322d28;
--color-finest-silk-950: #1e1a16;
}SCSS
$finest-silk: #f1e5d7;
$finest-silk-rgb: 241, 229, 215;
$finest-silk-light: mix(#fff, $finest-silk, 20%);
$finest-silk-dark: mix(#000, $finest-silk, 20%);
.element {
color: $finest-silk;
box-shadow: 0 0 0 2px rgba($finest-silk, 0.35);
}