Nazwany kolor · #7777FF
Stargate Shimmer
Stargate Shimmer to #7777FF: rgb(119 119 255), hsl(240 100% 73%), oklch(0.639 0.197 279.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Stargate Shimmer color name →
#7777FF
oklch(0.639 0.197 279.3)
Konwersje koloru
- HEX
- #7777ff
- RGB
- rgb(119 119 255)
- HSL
- hsl(240 100% 73%)
- HWB
- hwb(240 47% 0%)
- OKLCH
- oklch(0.639 0.197 279.3)
- OKLab
- oklab(0.639 0.032 -0.194)
- CIE Lab
- lab(55.47 28.67 -69.17)
- LCH
- lch(55.47 74.88 292.5)
- CMYK
- cmyk(53% 53% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8286FF
- 8F94FF
- 9BA2FF
- A8B0FF
- B6BEFF
- C4CBFF
- D2D8FF
- E1E5FF
- F0F2FF
Odcienie ciemniejsze
- 6767DE
- 5757BE
- 47479E
- 383880
- 2A2A63
- 1C1C48
- 10102E
- 050516
- 010103
Tony
- 7779F3
- 777BE6
- 787DDA
- 797ECD
- 7A7FC0
- 7B80B4
- 7C80A7
- 7D809A
- 7E808D
Harmonie kolorów
Komplementarna +180°
- 7777FF
Stargate Shimmer
- A08C00
≈ Guava Green
Analogowa -30° +30°
- 7777FF
Stargate Shimmer
- 008FF1
≈ Bleu de France
- AF62E4
≈ Violet Voltage
Triada +120° +240°
- 7777FF
Stargate Shimmer
- E95311
≈ Kyawthuite
- 00A66B
≈ Banaue Jade
Komplementarna rozszczepiona +150° +210°
- 7777FF
Stargate Shimmer
- C17A00
≈ Guo Tie Dumpling
- 6A9E00
≈ Elven Olympics
Tetrada +90° +180° +270°
- 7777FF
Stargate Shimmer
- E84872
≈ Radishical
- A08C00
≈ Guava Green
- 00A19A
≈ Ceramic Blue Turquoise
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.57:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.86:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.86:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--stargate-shimmer: #7777ff;
--stargate-shimmer-rgb: 119 119 255;
--stargate-shimmer-oklch: oklch(0.639 0.197 279.3);
}
.element {
color: var(--stargate-shimmer);
background-color: hsl(240 100% 73%);
border-color: oklch(0.639 0.197 279.3);
}Tailwind CSS v4
@theme {
--color-stargate-shimmer: #7777ff;
--color-stargate-shimmer-50: #ebefff;
--color-stargate-shimmer-100: #dce1ff;
--color-stargate-shimmer-200: #c6caff;
--color-stargate-shimmer-300: #a7a9ff;
--color-stargate-shimmer-400: #898cff;
--color-stargate-shimmer-500: #716dff;
--color-stargate-shimmer-600: #5f5ddb;
--color-stargate-shimmer-700: #4c4ab0;
--color-stargate-shimmer-800: #343684;
--color-stargate-shimmer-900: #23255e;
--color-stargate-shimmer-950: #131340;
}SCSS
$stargate-shimmer: #7777ff;
$stargate-shimmer-rgb: 119, 119, 255;
$stargate-shimmer-light: mix(#fff, $stargate-shimmer, 20%);
$stargate-shimmer-dark: mix(#000, $stargate-shimmer, 20%);
.element {
color: $stargate-shimmer;
box-shadow: 0 0 0 2px rgba($stargate-shimmer, 0.35);
}