Adlandırılmış renk · #E1C2BE
Slubbed Silk
Slubbed Silk, #E1C2BE: rgb(225 194 190), hsl(7 37% 81%), oklch(0.839 0.036 26.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Slubbed Silk color name →
#E1C2BE
oklch(0.839 0.036 26.6)
Renk dönüşümleri
- HEX
- #e1c2be
- RGB
- rgb(225 194 190)
- HSL
- hsl(7 37% 81%)
- HWB
- hwb(7 75% 12%)
- OKLCH
- oklch(0.839 0.036 26.6)
- OKLab
- oklab(0.839 0.032 0.016)
- CIE Lab
- lab(81.04 10.88 6.3)
- LCH
- lch(81.04 12.57 30.1)
- CMYK
- cmyk(0% 14% 16% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4C8C4
- E7CECB
- EAD4D1
- EDDAD8
- F0E0DE
- F3E6E5
- F6ECEB
- F9F3F2
- FCF9F8
Koyu tonlar
- C4A8A5
- A78F8C
- 8B7775
- 70605E
- 564948
- 3E3433
- 27201F
- 120E0D
- 020202
Gri tonlar
- D7BBB8
- CDB4B1
- C3AEAB
- B9A7A5
- B0A09E
- A69A98
- 9C9392
- 938D8C
- 898686
Renk uyumları
Tamamlayıcı +180°
- E1C2BE
Slubbed Silk
- B0D1D6
≈ Hatchling Blue
Analog -30° +30°
- E1C2BE
Slubbed Silk
- DFC1CB
≈ Baby Tone
- DDC5B4
≈ Mission Stone
Üçlü +120° +240°
- E1C2BE
Slubbed Silk
- BCD1BD
≈ Sunlit Sea
- C0CAE3
≈ Hindsight
Bölünmüş tamamlayıcı +150° +210°
- E1C2BE
Slubbed Silk
- B3D2CA
≈ Uninhibited
- B5CEDF
≈ Omphalodes
Dörtlü +90° +180° +270°
- E1C2BE
Slubbed Silk
- C8CEB4
≈ Tender Greens
- B0D1D6
≈ Hatchling Blue
- CCC6E0
≈ Purple Purity
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.65:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.66:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.66:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--slubbed-silk: #e1c2be;
--slubbed-silk-rgb: 225 194 190;
--slubbed-silk-oklch: oklch(0.839 0.036 26.6);
}
.element {
color: var(--slubbed-silk);
background-color: hsl(7 37% 81%);
border-color: oklch(0.839 0.036 26.6);
}Tailwind CSS v4
@theme {
--color-slubbed-silk: #e1c2be;
--color-slubbed-silk-50: #fff2ef;
--color-slubbed-silk-100: #f4e4e1;
--color-slubbed-silk-200: #e3cfcc;
--color-slubbed-silk-300: #c9b1ad;
--color-slubbed-silk-400: #b39793;
--color-slubbed-silk-500: #9d7d7a;
--color-slubbed-silk-600: #856a67;
--color-slubbed-silk-700: #6a5552;
--color-slubbed-silk-800: #4e3e3c;
--color-slubbed-silk-900: #362a29;
--color-slubbed-silk-950: #211817;
}SCSS
$slubbed-silk: #e1c2be;
$slubbed-silk-rgb: 225, 194, 190;
$slubbed-silk-light: mix(#fff, $slubbed-silk, 20%);
$slubbed-silk-dark: mix(#000, $slubbed-silk, 20%);
.element {
color: $slubbed-silk;
box-shadow: 0 0 0 2px rgba($slubbed-silk, 0.35);
}