En yakın adlandırılmış renk · #5B0048
#5B0048
En yakın adlandırılmış renk: Cosmic Explorer
#5B0048 (rgb(91 0 72), hsl(313 100% 18%), oklch(0.318 0.138 339.8)) en çok Cosmic Explorer adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#5B0048
oklch(0.318 0.138 339.8)
Renk dönüşümleri
- HEX
- #5b0048
- RGB
- rgb(91 0 72)
- HSL
- hsl(313 100% 18%)
- HWB
- hwb(313 0% 64%)
- OKLCH
- oklch(0.318 0.138 339.8)
- OKLab
- oklab(0.318 0.13 -0.048)
- CIE Lab
- lab(18.89 41.96 -17.2)
- LCH
- lch(18.89 45.35 337.7)
- CMYK
- cmyk(0% 100% 21% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6C2259
- 7D3B6A
- 8E527B
- 9F6A8D
- AF82A0
- BF9AB2
- CFB2C5
- DFCBD8
- EFE5EB
Koyu tonlar
- 4E003D
- 410033
- 350029
- 29001F
- 1E0016
- 13000D
- 090006
- 030002
- 000000
Gri tonlar
- 60154E
- 652453
- 6A3159
- 6E3D5E
- 724864
- 75536A
- 785F6F
- 7B6A75
- 7E757A
Renk uyumları
Tamamlayıcı +180°
- 5B0048
Cosmic Explorer
- 003D25
≈ Angel Green
Analog -30° +30°
- 5B0048
Cosmic Explorer
- 471165
≈ Obsidian Shell
- 620024
≈ Baal Red Wash
Üçlü +120° +240°
- 5B0048
Cosmic Explorer
- 3B3300
≈ Hidden Passage
- 003947
≈ Natural Indigo
Bölünmüş tamamlayıcı +150° +210°
- 5B0048
Cosmic Explorer
- 243A00
≈ Melancholia
- 003B38
≈ Customs Green
Dörtlü +90° +180° +270°
- 5B0048
Cosmic Explorer
- 482B00
≈ Stirland Mud
- 003D25
≈ Angel Green
- 00345E
≈ Effervescent Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.65:1 · APCA Lc 99
Ag
FailSiyah üzerinde
WCAG 1.53:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.65:1 (AAA) · APCA Lc 99
Contrast pairs
Kod parçacıkları
CSS
:root {
--cosmic-explorer: #5b0048;
--cosmic-explorer-rgb: 91 0 72;
--cosmic-explorer-oklch: oklch(0.318 0.138 339.8);
}
.element {
color: var(--cosmic-explorer);
background-color: hsl(313 100% 18%);
border-color: oklch(0.318 0.138 339.8);
}Tailwind CSS v4
@theme {
--color-cosmic-explorer: #5b0048;
--color-cosmic-explorer-50: #ffe6ff;
--color-cosmic-explorer-100: #ffd6f5;
--color-cosmic-explorer-200: #febde5;
--color-cosmic-explorer-300: #e89bcc;
--color-cosmic-explorer-400: #d47cb8;
--color-cosmic-explorer-500: #c05da3;
--color-cosmic-explorer-600: #a24f8a;
--color-cosmic-explorer-700: #823f6e;
--color-cosmic-explorer-800: #602d53;
--color-cosmic-explorer-900: #431f3a;
--color-cosmic-explorer-950: #2b0e24;
}SCSS
$cosmic-explorer: #5b0048;
$cosmic-explorer-rgb: 91, 0, 72;
$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);
}