En yakın adlandırılmış renk · #43283C
#43283C
En yakın adlandırılmış renk: Shadow Purple
#43283C (rgb(67 40 60), hsl(316 25% 21%), oklch(0.318 0.051 336.8)) en çok Shadow Purple adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#43283C
oklch(0.318 0.051 336.8)
Renk dönüşümleri
- HEX
- #43283c
- RGB
- rgb(67 40 60)
- HSL
- hsl(316 25% 21%)
- HWB
- hwb(316 16% 74%)
- OKLCH
- oklch(0.318 0.051 336.8)
- OKLab
- oklab(0.318 0.047 -0.02)
- CIE Lab
- lab(20.22 15.68 -7.38)
- LCH
- lch(20.22 17.33 334.8)
- CMYK
- cmyk(0% 40% 10% 74%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 543B4D
- 664E5F
- 786271
- 8A7784
- 9D8C98
- B0A2AC
- C3B9C0
- D7D0D5
- EBE7EA
Koyu tonlar
- 392133
- 2F1B2A
- 261521
- 1D0F19
- 140911
- 0C040A
- 050204
- 010101
- 000000
Gri tonlar
- 493042
- 4F3949
- 554150
- 5B4A56
- 62535D
- 685B64
- 6E646B
- 746D72
- 7A7779
Renk uyumları
Tamamlayıcı +180°
- 43283C
Shadow Purple
- 1A3A28
≈ Deep Fir
Analog -30° +30°
- 43283C
Shadow Purple
- 392B47
≈ Obsidian Lava Black
- 48272E
≈ Wine Tasting
Üçlü +120° +240°
- 43283C
Shadow Purple
- 3A3211
≈ Swamp of Sorrows
- 0A3943
≈ Natural Indigo
Bölünmüş tamamlayıcı +150° +210°
- 43283C
Shadow Purple
- 2B3719
≈ Olivenite
- 083B37
≈ Night Turquoise
Dörtlü +90° +180° +270°
- 43283C
Shadow Purple
- 442D14
≈ Brown Study
- 1A3A28
≈ Deep Fir
- 1B354B
≈ Blue Whale
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.06:1 · APCA Lc 99
Ag
FailSiyah üzerinde
WCAG 1.60:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.06:1 (AAA) · APCA Lc 99
Contrast pairs
Kod parçacıkları
CSS
:root {
--shadow-purple: #43283c;
--shadow-purple-rgb: 67 40 60;
--shadow-purple-oklch: oklch(0.318 0.051 336.8);
}
.element {
color: var(--shadow-purple);
background-color: hsl(316 25% 21%);
border-color: oklch(0.318 0.051 336.8);
}Tailwind CSS v4
@theme {
--color-shadow-purple: #43283c;
--color-shadow-purple-50: #fff0fa;
--color-shadow-purple-100: #f4e2ee;
--color-shadow-purple-200: #e4ccdc;
--color-shadow-purple-300: #caaec0;
--color-shadow-purple-400: #b393aa;
--color-shadow-purple-500: #9d7993;
--color-shadow-purple-600: #85677c;
--color-shadow-purple-700: #6a5263;
--color-shadow-purple-800: #4e3c4a;
--color-shadow-purple-900: #362933;
--color-shadow-purple-950: #21171f;
}SCSS
$shadow-purple: #43283c;
$shadow-purple-rgb: 67, 40, 60;
$shadow-purple-light: mix(#fff, $shadow-purple, 20%);
$shadow-purple-dark: mix(#000, $shadow-purple, 20%);
.element {
color: $shadow-purple;
box-shadow: 0 0 0 2px rgba($shadow-purple, 0.35);
}