Adlandırılmış renk · #330077
Galactic Federation
Galactic Federation, #330077: rgb(51 0 119), hsl(266 100% 23%), oklch(0.296 0.167 290.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Galactic Federation color name →
#330077
oklch(0.296 0.167 290.5)
Renk dönüşümleri
- HEX
- #330077
- RGB
- rgb(51 0 119)
- HSL
- hsl(266 100% 23%)
- HWB
- hwb(266 0% 53%)
- OKLCH
- oklch(0.296 0.167 290.5)
- OKLab
- oklab(0.296 0.058 -0.156)
- CIE Lab
- lab(14.71 41.92 -55.68)
- LCH
- lch(14.71 69.7 307)
- CMYK
- cmyk(57% 100% 0% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 422686
- 534094
- 6657A2
- 796EB0
- 8E86BE
- A39DCB
- B9B5D9
- D0CDE6
- E7E6F2
Koyu tonlar
- 2B0067
- 230057
- 1C0047
- 140038
- 0D002A
- 07001C
- 030010
- 010005
- 000001
Gri tonlar
- 391979
- 3F287B
- 46357D
- 4D417E
- 554C7F
- 5D5680
- 656181
- 6E6B81
- 777681
Renk uyumları
Tamamlayıcı +180°
- 330077
Galactic Federation
- 2F2F00
≈ Wasabi Nori
Analog -30° +30°
- 330077
Galactic Federation
- 002669
≈ Old Glory Blue
- 490056
≈ Clairvoyant
Üçlü +120° +240°
- 330077
Galactic Federation
- 4A1E00
≈ Chrysophobia
- 003628
≈ Coach Green
Bölünmüş tamamlayıcı +150° +210°
- 330077
Galactic Federation
- 3C2900
≈ Secret Passage
- 093700
≈ Elite Green
Dörtlü +90° +180° +270°
- 330077
Galactic Federation
- 5A0011
≈ Saving Light
- 2F2F00
≈ Wasabi Nori
- 003437
≈ Artist Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 14.92:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.40:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 14.92:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--galactic-federation: #330077;
--galactic-federation-rgb: 51 0 119;
--galactic-federation-oklch: oklch(0.296 0.167 290.5);
}
.element {
color: var(--galactic-federation);
background-color: hsl(266 100% 23%);
border-color: oklch(0.296 0.167 290.5);
}Tailwind CSS v4
@theme {
--color-galactic-federation: #330077;
--color-galactic-federation-50: #f6edff;
--color-galactic-federation-100: #e9deff;
--color-galactic-federation-200: #d6c7ff;
--color-galactic-federation-300: #baa7ff;
--color-galactic-federation-400: #9f8af9;
--color-galactic-federation-500: #896cea;
--color-galactic-federation-600: #735cc6;
--color-galactic-federation-700: #5c499f;
--color-galactic-federation-800: #423678;
--color-galactic-federation-900: #2d2554;
--color-galactic-federation-950: #1a1339;
}SCSS
$galactic-federation: #330077;
$galactic-federation-rgb: 51, 0, 119;
$galactic-federation-light: mix(#fff, $galactic-federation, 20%);
$galactic-federation-dark: mix(#000, $galactic-federation, 20%);
.element {
color: $galactic-federation;
box-shadow: 0 0 0 2px rgba($galactic-federation, 0.35);
}