Named color · #3D325D
Jakarta Skyline
Jakarta Skyline is #3D325D: rgb(61 50 93), hsl(255 30% 28%), oklch(0.35 0.074 294). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Jakarta Skyline color name →
#3D325D
oklch(0.35 0.074 294)
Color conversions
- HEX
- #3d325d
- RGB
- rgb(61 50 93)
- HSL
- hsl(255 30% 28%)
- HWB
- hwb(255 20% 64%)
- OKLCH
- oklch(0.35 0.074 294)
- OKLab
- oklab(0.35 0.03 -0.067)
- CIE Lab
- lab(23.63 13.47 -24.27)
- LCH
- lch(23.63 27.76 299)
- CMYK
- cmyk(34% 46% 0% 64%)
Tints · Shades · Tones
Tints
- 4E446C
- 5F577C
- 716B8C
- 847E9C
- 9893AC
- ABA8BC
- C0BDCD
- D4D3DD
- E9E9EE
Shades
- 342A50
- 2B2243
- 221B37
- 1A142A
- 120D1F
- 0A0714
- 04030A
- 010103
- 000000
Tones
- 433A61
- 494165
- 504968
- 56516C
- 5D586F
- 646073
- 6B6876
- 72707A
- 79787D
Color harmonies
Complementary +180°
- 3D325D
Jakarta Skyline
- 3A3E06
≈ Dark Olive
Analogous -30° +30°
- 3D325D
Jakarta Skyline
- 273961
≈ Midnight Sleigh
- 4D2C50
≈ Purple Shade
Triadic +120° +240°
- 3D325D
Jakarta Skyline
- 582E0F
≈ Count Chocula
- 004638
≈ UP Forest Green
Split-complementary +150° +210°
- 3D325D
Jakarta Skyline
- 4C3700
≈ Eyelash Camel
- 204420
≈ Myrtle
Tetradic +90° +180° +270°
- 3D325D
Jakarta Skyline
- 5B2927
≈ Ebicha Brown
- 3A3E06
≈ Dark Olive
- 004349
≈ Dark Side
Contrast & accessibility
Ag
AAAOn white
WCAG 11.58:1 · APCA Lc 97
Ag
FailOn black
WCAG 1.81:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 11.58:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--jakarta-skyline: #3d325d;
--jakarta-skyline-rgb: 61 50 93;
--jakarta-skyline-oklch: oklch(0.35 0.074 294);
}
.element {
color: var(--jakarta-skyline);
background-color: hsl(255 30% 28%);
border-color: oklch(0.35 0.074 294);
}Tailwind CSS v4
@theme {
--color-jakarta-skyline: #3d325d;
--color-jakarta-skyline-50: #f7f1ff;
--color-jakarta-skyline-100: #eae3fe;
--color-jakarta-skyline-200: #d6cef1;
--color-jakarta-skyline-300: #bab0da;
--color-jakarta-skyline-400: #a096c6;
--color-jakarta-skyline-500: #897db3;
--color-jakarta-skyline-600: #746a97;
--color-jakarta-skyline-700: #5c5479;
--color-jakarta-skyline-800: #433e5a;
--color-jakarta-skyline-900: #2e2a3f;
--color-jakarta-skyline-950: #1b1828;
}SCSS
$jakarta-skyline: #3d325d;
$jakarta-skyline-rgb: 61, 50, 93;
$jakarta-skyline-light: mix(#fff, $jakarta-skyline, 20%);
$jakarta-skyline-dark: mix(#000, $jakarta-skyline, 20%);
.element {
color: $jakarta-skyline;
box-shadow: 0 0 0 2px rgba($jakarta-skyline, 0.35);
}