Adlandırılmış renk · #5D21D0
Nasu Purple
Nasu Purple, #5D21D0: rgb(93 33 208), hsl(261 73% 47%), oklch(0.46 0.237 288.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Nasu Purple color name →
#5D21D0
oklch(0.46 0.237 288.5)
Renk dönüşümleri
- HEX
- #5d21d0
- RGB
- rgb(93 33 208)
- HSL
- hsl(261 73% 47%)
- HWB
- hwb(261 13% 18%)
- OKLCH
- oklch(0.46 0.237 288.5)
- OKLab
- oklab(0.46 0.075 -0.225)
- CIE Lab
- lab(32.59 55.73 -80.04)
- LCH
- lch(32.59 97.54 304.8)
- CMYK
- cmyk(55% 84% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6942D7
- 765BDD
- 8571E3
- 9487E9
- A59BEE
- B6AFF2
- C7C3F6
- D9D7FA
- ECEBFD
Koyu tonlar
- 501BB5
- 43169A
- 371080
- 2A0B67
- 1F064F
- 140339
- 0A0123
- 030010
- 000002
Gri tonlar
- 5F34C9
- 6142C2
- 634DBB
- 6656B3
- 6A5EAC
- 6E66A4
- 726D9B
- 767493
- 7B7A8A
Renk uyumları
Tamamlayıcı +180°
- 5D21D0
Nasu Purple
- 5D5C00
≈ Greensboro
Analog -30° +30°
- 5D21D0
Nasu Purple
- 0051B6
≈ Blizzy Blueberry
- 8800A4
≈ Purple Feather Boa
Üçlü +120° +240°
- 5D21D0
Nasu Purple
- 8D3D00
≈ Espresso Martini
- 00684E
≈ Bangladesh Green
Bölünmüş tamamlayıcı +150° +210°
- 5D21D0
Nasu Purple
- 755000
≈ Lucky Brown
- 256900
≈ Keen Green
Dörtlü +90° +180° +270°
- 5D21D0
Nasu Purple
- A6002D
≈ Hot Lava
- 5D5C00
≈ Greensboro
- 006568
≈ Joyful Tears
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.09:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.59:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 8.09:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--nasu-purple: #5d21d0;
--nasu-purple-rgb: 93 33 208;
--nasu-purple-oklch: oklch(0.46 0.237 288.5);
}
.element {
color: var(--nasu-purple);
background-color: hsl(261 73% 47%);
border-color: oklch(0.46 0.237 288.5);
}Tailwind CSS v4
@theme {
--color-nasu-purple: #5d21d0;
--color-nasu-purple-50: #f4eaff;
--color-nasu-purple-100: #e7daff;
--color-nasu-purple-200: #d4c1ff;
--color-nasu-purple-300: #b99eff;
--color-nasu-purple-400: #9e7dff;
--color-nasu-purple-500: #8956ff;
--color-nasu-purple-600: #734bea;
--color-nasu-purple-700: #5c3cbc;
--color-nasu-purple-800: #412b8e;
--color-nasu-purple-900: #2d1e65;
--color-nasu-purple-950: #1a0b46;
}SCSS
$nasu-purple: #5d21d0;
$nasu-purple-rgb: 93, 33, 208;
$nasu-purple-light: mix(#fff, $nasu-purple, 20%);
$nasu-purple-dark: mix(#000, $nasu-purple, 20%);
.element {
color: $nasu-purple;
box-shadow: 0 0 0 2px rgba($nasu-purple, 0.35);
}