Adlandırılmış renk · #A3957C
Twill
Twill, #A3957C: rgb(163 149 124), hsl(38 17% 56%), oklch(0.675 0.039 82.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Twill color name →
#A3957C
oklch(0.675 0.039 82.1)
Renk dönüşümleri
- HEX
- #a3957c
- RGB
- rgb(163 149 124)
- HSL
- hsl(38 17% 56%)
- HWB
- hwb(38 49% 36%)
- OKLCH
- oklch(0.675 0.039 82.1)
- OKLab
- oklab(0.675 0.005 0.039)
- CIE Lab
- lab(62.44 2.32 15.24)
- LCH
- lch(62.44 15.41 81.3)
- CMYK
- cmyk(0% 9% 24% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AC9F89
- B5A995
- BEB4A2
- C7BEAF
- D0C9BC
- D9D3C9
- E3DED6
- ECE9E4
- F5F4F1
Koyu tonlar
- 8D816B
- 786D5A
- 635A4A
- 4F483B
- 3C372C
- 2A261E
- 191611
- 0A0805
- 010101
Gri tonlar
- 9F937D
- 9C917D
- 988F7E
- 958D7E
- 918B7E
- 8E887F
- 8A867F
- 87847F
- 838280
Renk uyumları
Tamamlayıcı +180°
- A3957C
Twill
- 8A97B0
≈ Blueberry Buckle
Analog -30° +30°
- A3957C
Twill
- AB9181
≈ Warm Taupe
- 979A7E
≈ Green Onyx
Üçlü +120° +240°
- A3957C
Twill
- 7B9EA1
≈ Gould Blue
- A38FA5
≈ Fields of Provence
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.93:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.14:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.14:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--twill: #a3957c;
--twill-rgb: 163 149 124;
--twill-oklch: oklch(0.675 0.039 82.1);
}
.element {
color: var(--twill);
background-color: hsl(38 17% 56%);
border-color: oklch(0.675 0.039 82.1);
}Tailwind CSS v4
@theme {
--color-twill: #a3957c;
--color-twill-50: #faf4e9;
--color-twill-100: #eee7da;
--color-twill-200: #dcd3c2;
--color-twill-300: #c1b6a1;
--color-twill-400: #aa9d85;
--color-twill-500: #938469;
--color-twill-600: #7c7059;
--color-twill-700: #645947;
--color-twill-800: #4a4133;
--color-twill-900: #332d23;
--color-twill-950: #1f1a12;
}SCSS
$twill: #a3957c;
$twill-rgb: 163, 149, 124;
$twill-light: mix(#fff, $twill, 20%);
$twill-dark: mix(#000, $twill, 20%);
.element {
color: $twill;
box-shadow: 0 0 0 2px rgba($twill, 0.35);
}