Nazwany kolor · #4F4352
Feminin Nightshade
Feminin Nightshade to #4F4352: rgb(79 67 82), hsl(288 10% 29%), oklch(0.401 0.029 319.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Feminin Nightshade color name →
#4F4352
oklch(0.401 0.029 319.5)
Konwersje koloru
- HEX
- #4f4352
- RGB
- rgb(79 67 82)
- HSL
- hsl(288 10% 29%)
- HWB
- hwb(288 26% 68%)
- OKLCH
- oklch(0.401 0.029 319.5)
- OKLab
- oklab(0.401 0.022 -0.019)
- CIE Lab
- lab(30.1 7.67 -7.04)
- LCH
- lch(30.1 10.41 317.4)
- CMYK
- cmyk(4% 18% 0% 68%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5F5462
- 6F6572
- 807782
- 918993
- A39CA4
- B4AFB6
- C7C2C8
- D9D6DA
- ECEAEC
Odcienie ciemniejsze
- 443946
- 382F3B
- 2E262F
- 231D25
- 19141A
- 100C11
- 070508
- 020102
- 000000
Tony
- 544956
- 594F5B
- 5D5560
- 625B64
- 676169
- 6C676D
- 716D72
- 767377
- 7B7A7B
Harmonie kolorów
Komplementarna +180°
- 4F4352
Feminin Nightshade
- 404C3D
≈ Foxhall Green
Analogowa -30° +30°
- 4F4352
Feminin Nightshade
- 474557
≈ Mourning Violet
- 55424A
≈ Grapes of Wrath
Triada +120° +240°
- 4F4352
Feminin Nightshade
- 504636
≈ Kuri Black
- 354D4E
≈ Silk Crepe Grey
Komplementarna rozszczepiona +150° +210°
- 4F4352
Feminin Nightshade
- 494937
≈ Treasure Island
- 384D45
≈ Amphitrite
Tetrada +90° +180° +270°
- 4F4352
Feminin Nightshade
- 55443A
≈ Cordovan Leather
- 404C3D
≈ Foxhall Green
- 384B55
≈ New Navy Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.30:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.25:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.30:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--feminin-nightshade: #4f4352;
--feminin-nightshade-rgb: 79 67 82;
--feminin-nightshade-oklch: oklch(0.401 0.029 319.5);
}
.element {
color: var(--feminin-nightshade);
background-color: hsl(288 10% 29%);
border-color: oklch(0.401 0.029 319.5);
}Tailwind CSS v4
@theme {
--color-feminin-nightshade: #4f4352;
--color-feminin-nightshade-50: #f9f2fa;
--color-feminin-nightshade-100: #ede5ee;
--color-feminin-nightshade-200: #dad0dc;
--color-feminin-nightshade-300: #bfb3c1;
--color-feminin-nightshade-400: #a699aa;
--color-feminin-nightshade-500: #8f8093;
--color-feminin-nightshade-600: #796d7c;
--color-feminin-nightshade-700: #615763;
--color-feminin-nightshade-800: #473f49;
--color-feminin-nightshade-900: #312c33;
--color-feminin-nightshade-950: #1d191e;
}SCSS
$feminin-nightshade: #4f4352;
$feminin-nightshade-rgb: 79, 67, 82;
$feminin-nightshade-light: mix(#fff, $feminin-nightshade, 20%);
$feminin-nightshade-dark: mix(#000, $feminin-nightshade, 20%);
.element {
color: $feminin-nightshade;
box-shadow: 0 0 0 2px rgba($feminin-nightshade, 0.35);
}