En yakın adlandırılmış renk · #9C43C3
#9C43C3
En yakın adlandırılmış renk: Fuchsia Pheromone
#9C43C3 (rgb(156 67 195), hsl(282 52% 51%), oklch(0.556 0.2 313.8)) en çok Fuchsia Pheromone 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.
#9C43C3
oklch(0.556 0.2 313.8)
Renk dönüşümleri
- HEX
- #9c43c3
- RGB
- rgb(156 67 195)
- HSL
- hsl(282 52% 51%)
- HWB
- hwb(282 26% 24%)
- OKLCH
- oklch(0.556 0.2 313.8)
- OKLab
- oklab(0.556 0.138 -0.144)
- CIE Lab
- lab(45.26 52.49 -51.46)
- LCH
- lch(45.26 73.51 315.6)
- CMYK
- cmyk(20% 66% 0% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A659CA
- B06CD1
- BA7FD7
- C492DE
- CEA4E4
- D8B6EA
- E2C8EF
- ECDAF5
- F5EDFA
Koyu tonlar
- 8739A9
- 732F90
- 5F2678
- 4C1D60
- 39144A
- 280C34
- 180520
- 09010E
- 010002
Gri tonlar
- 9A4CBD
- 9754B7
- 945BB0
- 9261AA
- 8F67A3
- 8C6D9C
- 897296
- 86778F
- 837C87
Renk uyumları
Tamamlayıcı +180°
- 9C43C3
Fuchsia Pheromone
- 498600
≈ Kelp Forest
Analog -30° +30°
- 9C43C3
Fuchsia Pheromone
- 6B58E1
≈ Majorelle Blue
- BD3090
≈ Lust Priestess
Üçlü +120° +240°
- 9C43C3
Fuchsia Pheromone
- 9C6700
≈ Gamboge Brown
- 008483
≈ Marine Teal
Bölünmüş tamamlayıcı +150° +210°
- 9C43C3
Fuchsia Pheromone
- 7F7600
≈ Tool Green
- 008960
≈ Absinthe Turquoise
Dörtlü +90° +180° +270°
- 9C43C3
Fuchsia Pheromone
- BD4A00
≈ Brick Orange
- 498600
≈ Kelp Forest
- 0080A0
≈ Best of Both Worlds
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.24:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.00:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--fuchsia-pheromone: #9c43c3;
--fuchsia-pheromone-rgb: 156 67 195;
--fuchsia-pheromone-oklch: oklch(0.556 0.2 313.8);
}
.element {
color: var(--fuchsia-pheromone);
background-color: hsl(282 52% 51%);
border-color: oklch(0.556 0.2 313.8);
}Tailwind CSS v4
@theme {
--color-fuchsia-pheromone: #9c43c3;
--color-fuchsia-pheromone-50: #ffe4ff;
--color-fuchsia-pheromone-100: #ffd4ff;
--color-fuchsia-pheromone-200: #f5baff;
--color-fuchsia-pheromone-300: #df95fc;
--color-fuchsia-pheromone-400: #c875ef;
--color-fuchsia-pheromone-500: #b450e0;
--color-fuchsia-pheromone-600: #9845bd;
--color-fuchsia-pheromone-700: #7a3798;
--color-fuchsia-pheromone-800: #592773;
--color-fuchsia-pheromone-900: #3e1b51;
--color-fuchsia-pheromone-950: #270a36;
}SCSS
$fuchsia-pheromone: #9c43c3;
$fuchsia-pheromone-rgb: 156, 67, 195;
$fuchsia-pheromone-light: mix(#fff, $fuchsia-pheromone, 20%);
$fuchsia-pheromone-dark: mix(#000, $fuchsia-pheromone, 20%);
.element {
color: $fuchsia-pheromone;
box-shadow: 0 0 0 2px rgba($fuchsia-pheromone, 0.35);
}