En yakın adlandırılmış renk · #8E2C91
#8E2C91
En yakın adlandırılmış renk: Warm Purple
#8E2C91 (rgb(142 44 145), hsl(298 53% 37%), oklch(0.481 0.178 326.7)) en çok Warm 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.
#8E2C91
oklch(0.481 0.178 326.7)
Renk dönüşümleri
- HEX
- #8e2c91
- RGB
- rgb(142 44 145)
- HSL
- hsl(298 53% 37%)
- HWB
- hwb(298 17% 43%)
- OKLCH
- oklch(0.481 0.178 326.7)
- OKLab
- oklab(0.481 0.148 -0.098)
- CIE Lab
- lab(37 50.88 -35.04)
- LCH
- lch(37 61.78 325.4)
- CMYK
- cmyk(2% 70% 0% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9A449C
- A65AA7
- B26FB3
- BE83BE
- C997C9
- D4ACD4
- DFC0DF
- EAD5E9
- F5EAF4
Koyu tonlar
- 7B257D
- 681E6A
- 561758
- 441146
- 340A35
- 240525
- 150215
- 070107
- 010001
Gri tonlar
- 8E3890
- 8D428F
- 8C4B8D
- 8B548C
- 8A5C8A
- 886488
- 876B86
- 857284
- 837982
Renk uyumları
Tamamlayıcı +180°
- 8E2C91
Warm Purple
- 007225
≈ Clear Green
Analog -30° +30°
- 8E2C91
Warm Purple
- 6B3EB4
≈ Purple Emperor
- A41C60
≈ Banafsaji Purple
Üçlü +120° +240°
- 8E2C91
Warm Purple
- 765900
≈ Blackfire Earth
- 006B75
≈ Toadstool Teal
Bölünmüş tamamlayıcı +150° +210°
- 8E2C91
Warm Purple
- 5A6500
≈ Serrano Pepper
- 006E5D
≈ Forest Splendour
Dörtlü +90° +180° +270°
- 8E2C91
Warm Purple
- 8E4900
≈ Parasite Brown
- 007225
≈ Clear Green
- 006591
≈ Kingfisher Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.19:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.91:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--warm-purple: #8e2c91;
--warm-purple-rgb: 142 44 145;
--warm-purple-oklch: oklch(0.481 0.178 326.7);
}
.element {
color: var(--warm-purple);
background-color: hsl(298 53% 37%);
border-color: oklch(0.481 0.178 326.7);
}Tailwind CSS v4
@theme {
--color-warm-purple: #8e2c91;
--color-warm-purple-50: #ffe4ff;
--color-warm-purple-100: #ffd3ff;
--color-warm-purple-200: #feb9fa;
--color-warm-purple-300: #e995e4;
--color-warm-purple-400: #d375d5;
--color-warm-purple-500: #c052c3;
--color-warm-purple-600: #a246a4;
--color-warm-purple-700: #823884;
--color-warm-purple-800: #5f2864;
--color-warm-purple-900: #431b46;
--color-warm-purple-950: #2b0a2d;
}SCSS
$warm-purple: #8e2c91;
$warm-purple-rgb: 142, 44, 145;
$warm-purple-light: mix(#fff, $warm-purple, 20%);
$warm-purple-dark: mix(#000, $warm-purple, 20%);
.element {
color: $warm-purple;
box-shadow: 0 0 0 2px rgba($warm-purple, 0.35);
}