En yakın adlandırılmış renk · #7B2AD0
#7B2AD0
En yakın adlandırılmış renk: Lilac Spring
#7B2AD0 (rgb(123 42 208), hsl(269 66% 49%), oklch(0.5 0.232 299.7)) en çok Lilac Spring 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.
#7B2AD0
oklch(0.5 0.232 299.7)
Renk dönüşümleri
- HEX
- #7b2ad0
- RGB
- rgb(123 42 208)
- HSL
- hsl(269 66% 49%)
- HWB
- hwb(269 16% 18%)
- OKLCH
- oklch(0.5 0.232 299.7)
- OKLab
- oklab(0.5 0.115 -0.201)
- CIE Lab
- lab(37.64 57.42 -71.57)
- LCH
- lch(37.64 91.76 308.7)
- CMYK
- cmyk(41% 80% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8747D6
- 925FDD
- 9F74E2
- AC89E8
- B99DED
- C6B1F1
- D4C4F5
- E2D8F9
- F0EBFC
Koyu tonlar
- 6A23B5
- 5A1C9A
- 4A1680
- 3A1067
- 2C0A4F
- 1E0539
- 100223
- 050110
- 010002
Gri tonlar
- 7B3AC9
- 7B46C2
- 7B50BA
- 7C58B3
- 7C60AB
- 7D68A3
- 7D6E9B
- 7E7492
- 7F7A89
Renk uyumları
Tamamlayıcı +180°
- 7B2AD0
Lilac Spring
- 5B6C00
≈ Bowser Shell
Analog -30° +30°
- 7B2AD0
Lilac Spring
- 3649E4
≈ Bright Greek
- A3009F
≈ Barney Purple
Üçlü +120° +240°
- 7B2AD0
Lilac Spring
- 935000
≈ Mochaccino
- 007465
≈ Northern Hemisphere
Bölünmüş tamamlayıcı +150° +210°
- 7B2AD0
Lilac Spring
- 7A6000
≈ Ground Earth
- 007834
≈ Forestial
Dörtlü +90° +180° +270°
- 7B2AD0
Lilac Spring
- BB0800
≈ Harlock’s Cape
- 5B6C00
≈ Bowser Shell
- 00707E
≈ Iridescent Peacock
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.80:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.08:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.80:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--lilac-spring: #7b2ad0;
--lilac-spring-rgb: 123 42 208;
--lilac-spring-oklch: oklch(0.5 0.232 299.7);
}
.element {
color: var(--lilac-spring);
background-color: hsl(269 66% 49%);
border-color: oklch(0.5 0.232 299.7);
}Tailwind CSS v4
@theme {
--color-lilac-spring: #7b2ad0;
--color-lilac-spring-50: #ffe6ff;
--color-lilac-spring-100: #f6d6ff;
--color-lilac-spring-200: #e6bcff;
--color-lilac-spring-300: #ce97ff;
--color-lilac-spring-400: #b575ff;
--color-lilac-spring-500: #a14dff;
--color-lilac-spring-600: #8843dc;
--color-lilac-spring-700: #6d36b1;
--color-lilac-spring-800: #4e2786;
--color-lilac-spring-900: #361a5f;
--color-lilac-spring-950: #220841;
}SCSS
$lilac-spring: #7b2ad0;
$lilac-spring-rgb: 123, 42, 208;
$lilac-spring-light: mix(#fff, $lilac-spring, 20%);
$lilac-spring-dark: mix(#000, $lilac-spring, 20%);
.element {
color: $lilac-spring;
box-shadow: 0 0 0 2px rgba($lilac-spring, 0.35);
}