En yakın adlandırılmış renk · #432F90
#432F90
En yakın adlandırılmış renk: Galactic Purple
#432F90 (rgb(67 47 144), hsl(252 51% 37%), oklch(0.389 0.152 286.5)) en çok Galactic 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.
#432F90
oklch(0.389 0.152 286.5)
Renk dönüşümleri
- HEX
- #432f90
- RGB
- rgb(67 47 144)
- HSL
- hsl(252 51% 37%)
- HWB
- hwb(252 18% 44%)
- OKLCH
- oklch(0.389 0.152 286.5)
- OKLab
- oklab(0.389 0.043 -0.146)
- CIE Lab
- lab(26.67 29.82 -51.69)
- LCH
- lch(26.67 59.67 300)
- CMYK
- cmyk(53% 67% 0% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 52459C
- 6259A8
- 746EB4
- 8682BF
- 9996CA
- ACABD5
- C0BFE0
- D5D4EA
- EAEAF5
Koyu tonlar
- 39277D
- 2F206A
- 261957
- 1D1245
- 140C34
- 0C0624
- 050315
- 010107
- 000001
Gri tonlar
- 48398F
- 4D428F
- 524B8E
- 58538C
- 5E5B8B
- 656389
- 6B6A87
- 727185
- 797983
Renk uyumları
Tamamlayıcı +180°
- 432F90
Galactic Purple
- 4B4700
≈ Alligator Gladiator
Analog -30° +30°
- 432F90
Galactic Purple
- 00428B
≈ Pacific Depths
- 631F79
≈ Berry Blackmail
Üçlü +120° +240°
- 432F90
Galactic Purple
- 712D00
≈ Cold Press Coffee
- 00523B
≈ Trapper Green
Bölünmüş tamamlayıcı +150° +210°
- 432F90
Galactic Purple
- 5D3E00
≈ Hippogriff Brown
- 235200
≈ Patch of Land
Dörtlü +90° +180° +270°
- 432F90
Galactic Purple
- 830627
≈ Oxblood
- 4B4700
≈ Alligator Gladiator
- 005051
≈ Wool Turquoise
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.25:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.04:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.25:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--galactic-purple: #432f90;
--galactic-purple-rgb: 67 47 144;
--galactic-purple-oklch: oklch(0.389 0.152 286.5);
}
.element {
color: var(--galactic-purple);
background-color: hsl(252 51% 37%);
border-color: oklch(0.389 0.152 286.5);
}Tailwind CSS v4
@theme {
--color-galactic-purple: #432f90;
--color-galactic-purple-50: #f3efff;
--color-galactic-purple-100: #e5e1ff;
--color-galactic-purple-200: #d1caff;
--color-galactic-purple-300: #b4aaff;
--color-galactic-purple-400: #998ff3;
--color-galactic-purple-500: #8172e4;
--color-galactic-purple-600: #6d61c0;
--color-galactic-purple-700: #574d9b;
--color-galactic-purple-800: #3e3974;
--color-galactic-purple-900: #2a2752;
--color-galactic-purple-950: #181537;
}SCSS
$galactic-purple: #432f90;
$galactic-purple-rgb: 67, 47, 144;
$galactic-purple-light: mix(#fff, $galactic-purple, 20%);
$galactic-purple-dark: mix(#000, $galactic-purple, 20%);
.element {
color: $galactic-purple;
box-shadow: 0 0 0 2px rgba($galactic-purple, 0.35);
}