Adlandırılmış renk · #440044
Jacarta
Jacarta, #440044: rgb(68 0 68), hsl(300 100% 13%), oklch(0.271 0.125 328.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Jacarta color name →
#440044
oklch(0.271 0.125 328.4)
Renk dönüşümleri
- HEX
- #440044
- RGB
- rgb(68 0 68)
- HSL
- hsl(300 100% 13%)
- HWB
- hwb(300 0% 73%)
- OKLCH
- oklch(0.271 0.125 328.4)
- OKLab
- oklab(0.271 0.106 -0.065)
- CIE Lab
- lab(13.45 36.17 -23.39)
- LCH
- lch(13.45 43.07 327.1)
- CMYK
- cmyk(0% 100% 0% 73%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 561E55
- 693667
- 7B4E79
- 8E658B
- A07E9E
- B396B1
- C6B0C4
- D9CAD7
- ECE4EB
Koyu tonlar
- 3A003A
- 300030
- 260026
- 1D001D
- 140014
- 0C000C
- 050005
- 020002
- 000000
Gri tonlar
- 4B124A
- 512050
- 582D57
- 5E395D
- 644563
- 6A5169
- 705C6E
- 756874
- 7B747A
Renk uyumları
Tamamlayıcı +180°
- 440044
Jacarta
- 00300E
≈ Prasinophobia
Analog -30° +30°
- 440044
Jacarta
- 310D5A
≈ Vanishing
- 4C0026
≈ Fig Balsamic
Üçlü +120° +240°
- 440044
Jacarta
- 322500
≈ Black Swan
- 002D33
≈ Black Chasm
Bölünmüş tamamlayıcı +150° +210°
- 440044
Jacarta
- 242B00
≈ Lindworm Green
- 002E27
≈ Guerrilla Forest
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.79:1 · APCA Lc 102
Ag
FailSiyah üzerinde
WCAG 1.32:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.79:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--jacarta: #440044;
--jacarta-rgb: 68 0 68;
--jacarta-oklch: oklch(0.271 0.125 328.4);
}
.element {
color: var(--jacarta);
background-color: hsl(300 100% 13%);
border-color: oklch(0.271 0.125 328.4);
}Tailwind CSS v4
@theme {
--color-jacarta: #440044;
--color-jacarta-50: #ffe9ff;
--color-jacarta-100: #ffd9fc;
--color-jacarta-200: #f4c1ee;
--color-jacarta-300: #dca0d6;
--color-jacarta-400: #c683c3;
--color-jacarta-500: #b265af;
--color-jacarta-600: #965694;
--color-jacarta-700: #794577;
--color-jacarta-800: #583259;
--color-jacarta-900: #3e223e;
--color-jacarta-950: #271127;
}SCSS
$jacarta: #440044;
$jacarta-rgb: 68, 0, 68;
$jacarta-light: mix(#fff, $jacarta, 20%);
$jacarta-dark: mix(#000, $jacarta, 20%);
.element {
color: $jacarta;
box-shadow: 0 0 0 2px rgba($jacarta, 0.35);
}