Adlandırılmış renk · #A1838B
Evening Shadow
Evening Shadow, #A1838B: rgb(161 131 139), hsl(344 14% 57%), oklch(0.64 0.038 0.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Evening Shadow color name →
#A1838B
oklch(0.64 0.038 0.4)
Renk dönüşümleri
- HEX
- #a1838b
- RGB
- rgb(161 131 139)
- HSL
- hsl(344 14% 57%)
- HWB
- hwb(344 51% 37%)
- OKLCH
- oklch(0.64 0.038 0.4)
- OKLab
- oklab(0.64 0.038 0)
- CIE Lab
- lab(57.81 12.84 0.25)
- LCH
- lch(57.81 12.84 1.1)
- CMYK
- cmyk(0% 19% 14% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AA8F96
- B49BA1
- BDA7AC
- C6B3B8
- D0BFC3
- D9CCCF
- E2D8DB
- ECE5E7
- F5F2F3
Koyu tonlar
- 8B7178
- 766066
- 624F54
- 4E3F43
- 3C2F32
- 2A2023
- 191214
- 090607
- 010101
Gri tonlar
- 9E838A
- 9B8289
- 978288
- 948287
- 918285
- 8D8184
- 8A8183
- 878182
- 838081
Renk uyumları
Tamamlayıcı +180°
- A1838B
Evening Shadow
- 73948D
≈ Longmeadow
Analog -30° +30°
- A1838B
Evening Shadow
- 9A8497
≈ Berry Bliss
- A2847E
≈ Muse
Üçlü +120° +240°
- A1838B
Evening Shadow
- 899076
≈ Mesmerise
- 7890A2
≈ Jean Jacket Blue
Bölünmüş tamamlayıcı +150° +210°
- A1838B
Evening Shadow
- 7C9380
≈ Fish Camp Woods
- 729399
≈ Cavolo Nero
Dörtlü +90° +180° +270°
- A1838B
Evening Shadow
- 958C72
≈ Tawny Owl
- 73948D
≈ Longmeadow
- 838CA4
≈ Violet Aura
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.42:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.13:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.13:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--evening-shadow: #a1838b;
--evening-shadow-rgb: 161 131 139;
--evening-shadow-oklch: oklch(0.64 0.038 0.4);
}
.element {
color: var(--evening-shadow);
background-color: hsl(344 14% 57%);
border-color: oklch(0.64 0.038 0.4);
}Tailwind CSS v4
@theme {
--color-evening-shadow: #a1838b;
--color-evening-shadow-50: #fff1f4;
--color-evening-shadow-100: #f4e3e7;
--color-evening-shadow-200: #e3ced3;
--color-evening-shadow-300: #c9b0b6;
--color-evening-shadow-400: #b3959d;
--color-evening-shadow-500: #9d7c85;
--color-evening-shadow-600: #846970;
--color-evening-shadow-700: #6a545a;
--color-evening-shadow-800: #4e3d42;
--color-evening-shadow-900: #362a2e;
--color-evening-shadow-950: #21181a;
}SCSS
$evening-shadow: #a1838b;
$evening-shadow-rgb: 161, 131, 139;
$evening-shadow-light: mix(#fff, $evening-shadow, 20%);
$evening-shadow-dark: mix(#000, $evening-shadow, 20%);
.element {
color: $evening-shadow;
box-shadow: 0 0 0 2px rgba($evening-shadow, 0.35);
}