Adlandırılmış renk · #A3928C
Etherea
Etherea, #A3928C: rgb(163 146 140), hsl(16 11% 59%), oklch(0.673 0.022 40.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Etherea color name →
#A3928C
oklch(0.673 0.022 40.5)
Renk dönüşümleri
- HEX
- #a3928c
- RGB
- rgb(163 146 140)
- HSL
- hsl(16 11% 59%)
- HWB
- hwb(16 55% 36%)
- OKLCH
- oklch(0.673 0.022 40.5)
- OKLab
- oklab(0.673 0.017 0.014)
- CIE Lab
- lab(61.95 5.77 5.62)
- LCH
- lch(61.95 8.05 44.2)
- CMYK
- cmyk(0% 10% 14% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AC9C97
- B5A7A2
- BEB2AD
- C7BCB9
- D0C7C4
- D9D2D0
- E3DDDB
- ECE8E7
- F6F4F3
Koyu tonlar
- 8D7E79
- 786B67
- 635855
- 4F4643
- 3C3533
- 2A2523
- 191614
- 0A0807
- 010101
Gri tonlar
- 9F908B
- 9C8E8A
- 988D88
- 958B87
- 918986
- 8E8785
- 8A8584
- 878482
- 838281
Renk uyumları
Tamamlayıcı +180°
- A3928C
Etherea
- 889AA0
≈ Arona
Analog -30° +30°
- A3928C
Etherea
- A39193
≈ Auger Shell
- 9F9488
≈ Barnwood Grey
Üçlü +120° +240°
- A3928C
Etherea
- 8B9B92
≈ Iceberg Green
- 9395A4
≈ Too Big to Whale
Bölünmüş tamamlayıcı +150° +210°
- A3928C
Etherea
- 879B99
≈ Shaded Hammock
- 8C98A4
≈ Roman Bath
Dörtlü +90° +180° +270°
- A3928C
Etherea
- 92998B
≈ Dark Sky
- 889AA0
≈ Arona
- 9A93A1
≈ Amethyst Phlox
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.97:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.04:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 7.04:1 (AAA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--etherea: #a3928c;
--etherea-rgb: 163 146 140;
--etherea-oklch: oklch(0.673 0.022 40.5);
}
.element {
color: var(--etherea);
background-color: hsl(16 11% 59%);
border-color: oklch(0.673 0.022 40.5);
}Tailwind CSS v4
@theme {
--color-etherea: #a3928c;
--color-etherea-50: #fbf3f0;
--color-etherea-100: #efe6e2;
--color-etherea-200: #ddd1cd;
--color-etherea-300: #c2b4af;
--color-etherea-400: #ab9a95;
--color-etherea-500: #94827b;
--color-etherea-600: #7d6e68;
--color-etherea-700: #645853;
--color-etherea-800: #4a403d;
--color-etherea-900: #332c2a;
--color-etherea-950: #1f1917;
}SCSS
$etherea: #a3928c;
$etherea-rgb: 163, 146, 140;
$etherea-light: mix(#fff, $etherea, 20%);
$etherea-dark: mix(#000, $etherea, 20%);
.element {
color: $etherea;
box-shadow: 0 0 0 2px rgba($etherea, 0.35);
}