Nazwany kolor · #9392AB
Cosmic Energy
Cosmic Energy to #9392AB: rgb(147 146 171), hsl(242 13% 62%), oklch(0.669 0.037 287.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Cosmic Energy color name →
#9392AB
oklch(0.669 0.037 287.2)
Konwersje koloru
- HEX
- #9392ab
- RGB
- rgb(147 146 171)
- HSL
- hsl(242 13% 62%)
- HWB
- hwb(242 57% 33%)
- OKLCH
- oklch(0.669 0.037 287.2)
- OKLab
- oklab(0.669 0.011 -0.035)
- CIE Lab
- lab(61.28 4.27 -13.03)
- LCH
- lch(61.28 13.71 288.1)
- CMYK
- cmyk(14% 15% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9D9CB3
- A8A7BB
- B2B2C4
- BDBCCC
- C8C7D4
- D2D2DD
- DDDDE5
- E9E8EE
- F4F4F6
Odcienie ciemniejsze
- 7F7E94
- 6C6B7E
- 595868
- 474654
- 363540
- 25252D
- 16161B
- 08080B
- 010101
Tony
- 9190A7
- 8F8EA2
- 8D8D9E
- 8B8B9A
- 898995
- 878791
- 86858D
- 848489
- 828284
Harmonie kolorów
Komplementarna +180°
- 9392AB
Cosmic Energy
- 97977D
≈ Canyon Falls
Analogowa -30° +30°
- 9392AB
Cosmic Energy
- 8796AC
≈ Norwegian Night
- 9E8EA4
≈ Smoky Grape
Triada +120° +240°
- 9392AB
Cosmic Energy
- A98F82
≈ Beach Cabana
- 809D90
≈ Mother Earth
Komplementarna rozszczepiona +150° +210°
- 9392AB
Cosmic Energy
- A2937C
≈ Urban Jungle
- 8B9B85
≈ Farm Fresh
Tetrada +90° +180° +270°
- 9392AB
Cosmic Energy
- AB8C8D
≈ Mauve Day
- 97977D
≈ Canyon Falls
- 7B9C9D
≈ Salt Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.02:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.94:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.94:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--cosmic-energy: #9392ab;
--cosmic-energy-rgb: 147 146 171;
--cosmic-energy-oklch: oklch(0.669 0.037 287.2);
}
.element {
color: var(--cosmic-energy);
background-color: hsl(242 13% 62%);
border-color: oklch(0.669 0.037 287.2);
}Tailwind CSS v4
@theme {
--color-cosmic-energy: #9392ab;
--color-cosmic-energy-50: #f4f4ff;
--color-cosmic-energy-100: #e7e6f4;
--color-cosmic-energy-200: #d3d2e3;
--color-cosmic-energy-300: #b6b5ca;
--color-cosmic-energy-400: #9c9cb4;
--color-cosmic-energy-500: #84839e;
--color-cosmic-energy-600: #706f85;
--color-cosmic-energy-700: #59596b;
--color-cosmic-energy-800: #41414f;
--color-cosmic-energy-900: #2d2d37;
--color-cosmic-energy-950: #1a1a22;
}SCSS
$cosmic-energy: #9392ab;
$cosmic-energy-rgb: 147, 146, 171;
$cosmic-energy-light: mix(#fff, $cosmic-energy, 20%);
$cosmic-energy-dark: mix(#000, $cosmic-energy, 20%);
.element {
color: $cosmic-energy;
box-shadow: 0 0 0 2px rgba($cosmic-energy, 0.35);
}