Couleur nommée · #4F4969
Darlak
Darlak correspond à #4F4969 : rgb(79 73 105), hsl(251 18% 35%), oklch(0.425 0.053 292.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Darlak color name →
#4F4969
oklch(0.425 0.053 292.6)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 5F5977
- 6F6A86
- 807C94
- 918DA3
- A2A0B2
- B4B2C1
- C6C5D0
- D9D8E0
- ECEBEF
Ombres
- 443E5A
- 38344C
- 2E2A3E
- 232031
- 191724
- 100E18
- 07060C
- 020204
- 000000
Tons
- 544E6B
- 58546E
- 5D5970
- 625F73
- 676475
- 6C6A77
- 716F79
- 76757C
- 7B7A7E
Harmonies de couleurs
Complémentaire +180°
- 4F4969
Darlak
- 4F512F
≈ Warplock Bronze
Analogue -30° +30°
- 4F4969
Darlak
- 3F4E6C
≈ Blackberry Cobbler
- 5C455F
≈ Brunneous
Triadique +120° +240°
- 4F4969
Darlak
- 664633
≈ Copra
- 2D584B
≈ Federal Fund
Complémentaire divisée +150° +210°
- 4F4969
Darlak
- 5D4C2B
≈ Nightingale
- 3D563B
≈ Ficus
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.43:1 · APCA Lc 89
Ag
FailSur noir
WCAG 2.48:1 · APCA Lc 13
Meilleure couleur de texte: #FFFFFF
WCAG 8.43:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
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);
}