Nazwany kolor · #3F2E4C
Jagger
Jagger to #3F2E4C: rgb(63 46 76), hsl(274 25% 24%), oklch(0.334 0.056 309.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Jagger color name →
#3F2E4C
oklch(0.334 0.056 309.6)
Konwersje koloru
- HEX
- #3f2e4c
- RGB
- rgb(63 46 76)
- HSL
- hsl(274 25% 24%)
- HWB
- hwb(274 18% 70%)
- OKLCH
- oklch(0.334 0.056 309.6)
- OKLab
- oklab(0.334 0.036 -0.043)
- CIE Lab
- lab(21.95 13.07 -15.63)
- LCH
- lch(21.95 20.38 309.9)
- CMYK
- cmyk(17% 39% 0% 70%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 50405C
- 62536D
- 74677E
- 867B90
- 9990A2
- ADA5B4
- C1BBC6
- D5D1D9
- EAE8EC
Odcienie ciemniejsze
- 352741
- 2C1F36
- 23182C
- 1B1222
- 120B18
- 0A060F
- 040206
- 010102
- 000000
Tony
- 453651
- 4B3E56
- 52465C
- 584E61
- 5F5666
- 655E6B
- 6C6670
- 726F76
- 79777B
Harmonie kolorów
Komplementarna +180°
- 3F2E4C
Jagger
- 2D3C1C
≈ Turtle Skin
Analogowa -30° +30°
- 3F2E4C
Jagger
- 313353
≈ Haunted Dreams
- 492B40
≈ Purple Pennant
Triada +120° +240°
- 3F2E4C
Jagger
- 493113
≈ Bavarian Sweet Mustard
- 043F3C
≈ Rich Black
Komplementarna rozszczepiona +150° +210°
- 3F2E4C
Jagger
- 3D3711
≈ Camouflage
- 193F2C
≈ Mizukaze Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.30:1 · APCA Lc 98
Ag
FailNa czerni
WCAG 1.70:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.30:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--jagger: #3f2e4c;
--jagger-rgb: 63 46 76;
--jagger-oklch: oklch(0.334 0.056 309.6);
}
.element {
color: var(--jagger);
background-color: hsl(274 25% 24%);
border-color: oklch(0.334 0.056 309.6);
}Tailwind CSS v4
@theme {
--color-jagger: #3f2e4c;
--color-jagger-50: #faf1ff;
--color-jagger-100: #eee3f6;
--color-jagger-200: #dccee6;
--color-jagger-300: #c1b0cd;
--color-jagger-400: #a896b8;
--color-jagger-500: #917ca2;
--color-jagger-600: #7b6989;
--color-jagger-700: #62546e;
--color-jagger-800: #483d52;
--color-jagger-900: #322a39;
--color-jagger-950: #1e1823;
}SCSS
$jagger: #3f2e4c;
$jagger-rgb: 63, 46, 76;
$jagger-light: mix(#fff, $jagger, 20%);
$jagger-dark: mix(#000, $jagger, 20%);
.element {
color: $jagger;
box-shadow: 0 0 0 2px rgba($jagger, 0.35);
}