Nazwany kolor · #4F4969
Darlak
Darlak to #4F4969: rgb(79 73 105), hsl(251 18% 35%), oklch(0.425 0.053 292.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Darlak color name →
#4F4969
oklch(0.425 0.053 292.6)
Konwersje koloru
- HEX
- #4f4969
- RGB
- rgb(79 73 105)
- HSL
- hsl(251 18% 35%)
- HWB
- hwb(251 29% 59%)
- OKLCH
- oklch(0.425 0.053 292.6)
- OKLab
- oklab(0.425 0.02 -0.049)
- CIE Lab
- lab(32.64 8.39 -17.82)
- LCH
- lch(32.64 19.7 295.2)
- CMYK
- cmyk(25% 30% 0% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5F5977
- 6F6A86
- 807C94
- 918DA3
- A2A0B2
- B4B2C1
- C6C5D0
- D9D8E0
- ECEBEF
Odcienie ciemniejsze
- 443E5A
- 38344C
- 2E2A3E
- 232031
- 191724
- 100E18
- 07060C
- 020204
- 000000
Tony
- 544E6B
- 58546E
- 5D5970
- 625F73
- 676475
- 6C6A77
- 716F79
- 76757C
- 7B7A7E
Harmonie kolorów
Komplementarna +180°
- 4F4969
Darlak
- 4F512F
≈ Warplock Bronze
Analogowa -30° +30°
- 4F4969
Darlak
- 3F4E6C
≈ Blackberry Cobbler
- 5C455F
≈ Brunneous
Triada +120° +240°
- 4F4969
Darlak
- 664633
≈ Copra
- 2D584B
≈ Federal Fund
Komplementarna rozszczepiona +150° +210°
- 4F4969
Darlak
- 5D4C2B
≈ Nightingale
- 3D563B
≈ Ficus
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.43:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.48:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.43:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--darlak: #4f4969;
--darlak-rgb: 79 73 105;
--darlak-oklch: oklch(0.425 0.053 292.6);
}
.element {
color: var(--darlak);
background-color: hsl(251 18% 35%);
border-color: oklch(0.425 0.053 292.6);
}Tailwind CSS v4
@theme {
--color-darlak: #4f4969;
--color-darlak-50: #f6f3ff;
--color-darlak-100: #e9e5f8;
--color-darlak-200: #d5d0e9;
--color-darlak-300: #b9b3d0;
--color-darlak-400: #9f99bc;
--color-darlak-500: #8780a7;
--color-darlak-600: #726c8d;
--color-darlak-700: #5b5771;
--color-darlak-800: #423f54;
--color-darlak-900: #2e2c3a;
--color-darlak-950: #1a1924;
}SCSS
$darlak: #4f4969;
$darlak-rgb: 79, 73, 105;
$darlak-light: mix(#fff, $darlak, 20%);
$darlak-dark: mix(#000, $darlak, 20%);
.element {
color: $darlak;
box-shadow: 0 0 0 2px rgba($darlak, 0.35);
}