Colore con nome · #551155
Cosmic Explorer
Cosmic Explorer è #551155: rgb(85 17 85), hsl(300 67% 20%), oklch(0.327 0.129 328). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Cosmic Explorer color name →
#551155
oklch(0.327 0.129 328)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 662B65
- 774275
- 885886
- 996F97
- AA86A8
- BA9DB9
- CCB5CA
- DDCDDB
- EEE6ED
Ombre
- 490D49
- 3D093D
- 310631
- 260426
- 1C021C
- 110111
- 080008
- 020002
- 000000
Toni
- 5A1F5A
- 5F2C5E
- 643763
- 684167
- 6D4C6B
- 715670
- 756174
- 796B78
- 7D767C
Armonie di colore
Complementare +180°
- 551155
Cosmic Explorer
- 004115
≈ Hunter Green
Analogo -30° +30°
- 551155
Cosmic Explorer
- 3F1E6C
≈ Fading Horizon
- 630434
≈ Spanish Purple
Triadico +120° +240°
- 551155
Cosmic Explorer
- 433200
≈ Night in the Woods
- 003C44
≈ Ghostlands Coal
Complementare divisa +150° +210°
- 551155
Cosmic Explorer
- 313900
≈ Wasabi Nori
- 003F35
≈ Botanical Night
Tetradico +90° +180° +270°
- 551155
Cosmic Explorer
- 512800
≈ Brown Study
- 004115
≈ Hunter Green
- 003955
≈ Gibraltar Sea
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.14:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.59:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.14:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
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);
}