Nazwany kolor · #551155
Cosmic Explorer
Cosmic Explorer to #551155: rgb(85 17 85), hsl(300 67% 20%), oklch(0.327 0.129 328). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Cosmic Explorer color name →
#551155
oklch(0.327 0.129 328)
Konwersje koloru
- HEX
- #551155
- RGB
- rgb(85 17 85)
- HSL
- hsl(300 67% 20%)
- HWB
- hwb(300 7% 67%)
- OKLCH
- oklch(0.327 0.129 328)
- OKLab
- oklab(0.327 0.109 -0.068)
- CIE Lab
- lab(19.94 37.29 -24.51)
- LCH
- lch(19.94 44.62 326.7)
- CMYK
- cmyk(0% 80% 0% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 662B65
- 774275
- 885886
- 996F97
- AA86A8
- BA9DB9
- CCB5CA
- DDCDDB
- EEE6ED
Odcienie ciemniejsze
- 490D49
- 3D093D
- 310631
- 260426
- 1C021C
- 110111
- 080008
- 020002
- 000000
Tony
- 5A1F5A
- 5F2C5E
- 643763
- 684167
- 6D4C6B
- 715670
- 756174
- 796B78
- 7D767C
Harmonie kolorów
Komplementarna +180°
- 551155
Cosmic Explorer
- 004115
≈ Hunter Green
Analogowa -30° +30°
- 551155
Cosmic Explorer
- 3F1E6C
≈ Fading Horizon
- 630434
≈ Spanish Purple
Triada +120° +240°
- 551155
Cosmic Explorer
- 433200
≈ Night in the Woods
- 003C44
≈ Ghostlands Coal
Komplementarna rozszczepiona +150° +210°
- 551155
Cosmic Explorer
- 313900
≈ Wasabi Nori
- 003F35
≈ Botanical Night
Tetrada +90° +180° +270°
- 551155
Cosmic Explorer
- 512800
≈ Brown Study
- 004115
≈ Hunter Green
- 003955
≈ Gibraltar Sea
Kontrast i dostępność
Ag
AAANa bieli
WCAG 13.14:1 · APCA Lc 99
Ag
FailNa czerni
WCAG 1.59:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 13.14:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
CSS
:root {
--cosmic-explorer: #551155;
--cosmic-explorer-rgb: 85 17 85;
--cosmic-explorer-oklch: oklch(0.327 0.129 328);
}
.element {
color: var(--cosmic-explorer);
background-color: hsl(300 67% 20%);
border-color: oklch(0.327 0.129 328);
}Tailwind CSS v4
@theme {
--color-cosmic-explorer: #551155;
--color-cosmic-explorer-50: #ffe8ff;
--color-cosmic-explorer-100: #ffd9fd;
--color-cosmic-explorer-200: #f5c1ef;
--color-cosmic-explorer-300: #dd9fd7;
--color-cosmic-explorer-400: #c782c5;
--color-cosmic-explorer-500: #b364b1;
--color-cosmic-explorer-600: #975595;
--color-cosmic-explorer-700: #794478;
--color-cosmic-explorer-800: #59315a;
--color-cosmic-explorer-900: #3e213f;
--color-cosmic-explorer-950: #271028;
}SCSS
$cosmic-explorer: #551155;
$cosmic-explorer-rgb: 85, 17, 85;
$cosmic-explorer-light: mix(#fff, $cosmic-explorer, 20%);
$cosmic-explorer-dark: mix(#000, $cosmic-explorer, 20%);
.element {
color: $cosmic-explorer;
box-shadow: 0 0 0 2px rgba($cosmic-explorer, 0.35);
}