Adlandırılmış renk · #7F3E98
Cadmium Violet
Cadmium Violet, #7F3E98: rgb(127 62 152), hsl(283 42% 42%), oklch(0.486 0.151 315.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Cadmium Violet color name →
#7F3E98
oklch(0.486 0.151 315.6)
Renk dönüşümleri
- HEX
- #7f3e98
- RGB
- rgb(127 62 152)
- HSL
- hsl(283 42% 42%)
- HWB
- hwb(283 24% 40%)
- OKLCH
- oklch(0.486 0.151 315.6)
- OKLab
- oklab(0.486 0.108 -0.106)
- CIE Lab
- lab(37.98 39.77 -37.92)
- LCH
- lch(37.98 54.95 316.4)
- CMYK
- cmyk(16% 59% 0% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8C52A3
- 9865AD
- A578B8
- B28BC2
- BE9ECD
- CBB1D7
- D8C4E1
- E5D7EB
- F2EBF5
Koyu tonlar
- 6E3584
- 5D2B70
- 4C235C
- 3C1A4A
- 2D1238
- 1F0A27
- 110417
- 060108
- 010001
Gri tonlar
- 7F4696
- 804E94
- 805592
- 805B90
- 81628E
- 81688B
- 816E89
- 817486
- 807A83
Renk uyumları
Tamamlayıcı +180°
- 7F3E98
Cadmium Violet
- 367000
≈ Tatzelwurm Green
Analog -30° +30°
- 7F3E98
Cadmium Violet
- 5A4DAF
≈ Swiss Plum
- 973272
≈ Magenta Red
Üçlü +120° +240°
- 7F3E98
Cadmium Violet
- 805600
≈ Intense Brown
- 006D6E
≈ Caribbean Current
Bölünmüş tamamlayıcı +150° +210°
- 7F3E98
Cadmium Violet
- 686200
≈ Green Brown
- 007151
≈ Lush Meadow
Dörtlü +90° +180° +270°
- 7F3E98
Cadmium Violet
- 9B3F00
≈ All the Leaves Are Brown
- 367000
≈ Tatzelwurm Green
- 006987
≈ Ansel
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.89:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.04:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.89:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--cadmium-violet: #7f3e98;
--cadmium-violet-rgb: 127 62 152;
--cadmium-violet-oklch: oklch(0.486 0.151 315.6);
}
.element {
color: var(--cadmium-violet);
background-color: hsl(283 42% 42%);
border-color: oklch(0.486 0.151 315.6);
}Tailwind CSS v4
@theme {
--color-cadmium-violet: #7f3e98;
--color-cadmium-violet-50: #ffe8ff;
--color-cadmium-violet-100: #fdd9ff;
--color-cadmium-violet-200: #efc0ff;
--color-cadmium-violet-300: #d79eea;
--color-cadmium-violet-400: #c081db;
--color-cadmium-violet-500: #ac62c9;
--color-cadmium-violet-600: #9153aa;
--color-cadmium-violet-700: #744288;
--color-cadmium-violet-800: #553067;
--color-cadmium-violet-900: #3b2148;
--color-cadmium-violet-950: #25102f;
}SCSS
$cadmium-violet: #7f3e98;
$cadmium-violet-rgb: 127, 62, 152;
$cadmium-violet-light: mix(#fff, $cadmium-violet, 20%);
$cadmium-violet-dark: mix(#000, $cadmium-violet, 20%);
.element {
color: $cadmium-violet;
box-shadow: 0 0 0 2px rgba($cadmium-violet, 0.35);
}