Nearest named color · #5F004F
#5F004F
Nearest named color: Cosmic Explorer
#5F004F (rgb(95 0 79), hsl(310 100% 19%), oklch(0.33 0.145 337.4)) is closest to the named color Cosmic Explorer. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5F004F
oklch(0.33 0.145 337.4)
Color conversions
- HEX
- #5f004f
- RGB
- rgb(95 0 79)
- HSL
- hsl(310 100% 19%)
- HWB
- hwb(310 0% 63%)
- OKLCH
- oklch(0.33 0.145 337.4)
- OKLab
- oklab(0.33 0.134 -0.056)
- CIE Lab
- lab(20.12 43.61 -19.99)
- LCH
- lch(20.12 47.97 335.4)
- CMYK
- cmyk(0% 100% 17% 63%)
Tints · Shades · Tones
Tints
- 70235F
- 813C70
- 915481
- A16B92
- B183A4
- C19BB6
- D1B3C8
- E0CCDA
- F0E5EC
Shades
- 520044
- 440038
- 38002E
- 2C0023
- 200019
- 150010
- 0A0007
- 030002
- 000000
Tones
- 641654
- 682559
- 6C325E
- 703E63
- 744968
- 77546D
- 7A5F72
- 7C6A76
- 7E757B
Color harmonies
Complementary +180°
- 5F004F
Cosmic Explorer
- 004125
≈ Angel Green
Analogous -30° +30°
- 5F004F
Cosmic Explorer
- 4A136D
≈ Obsidian Shell
- 670029
≈ Plum Cheese
Triadic +120° +240°
- 5F004F
Cosmic Explorer
- 3F3500
≈ Night in the Woods
- 003C49
≈ Ghostlands Coal
Split-complementary +150° +210°
- 5F004F
Cosmic Explorer
- 293D00
≈ Hinterlands Green
- 003F3B
≈ Rich Black
Tetradic +90° +180° +270°
- 5F004F
Cosmic Explorer
- 4E2D00
≈ Kyoto House
- 004125
≈ Angel Green
- 003860
≈ Marine Blue
Contrast & accessibility
Ag
AAAOn white
WCAG 13.12:1 · APCA Lc 98
Ag
FailOn black
WCAG 1.59:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.12:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--cosmic-explorer: #5f004f;
--cosmic-explorer-rgb: 95 0 79;
--cosmic-explorer-oklch: oklch(0.33 0.145 337.4);
}
.element {
color: var(--cosmic-explorer);
background-color: hsl(310 100% 19%);
border-color: oklch(0.33 0.145 337.4);
}Tailwind CSS v4
@theme {
--color-cosmic-explorer: #5f004f;
--color-cosmic-explorer-50: #ffe6ff;
--color-cosmic-explorer-100: #ffd6f8;
--color-cosmic-explorer-200: #ffbce8;
--color-cosmic-explorer-300: #e99acf;
--color-cosmic-explorer-400: #d47bbd;
--color-cosmic-explorer-500: #c05ba8;
--color-cosmic-explorer-600: #a34e8e;
--color-cosmic-explorer-700: #833e72;
--color-cosmic-explorer-800: #602c56;
--color-cosmic-explorer-900: #431e3c;
--color-cosmic-explorer-950: #2b0d26;
}SCSS
$cosmic-explorer: #5f004f;
$cosmic-explorer-rgb: 95, 0, 79;
$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);
}