이름 색상 · #4F4352
Feminin Nightshade
Feminin Nightshade은(는) #4F4352: rgb(79 67 82), hsl(288 10% 29%), oklch(0.401 0.029 319.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Feminin Nightshade color name →
#4F4352
oklch(0.401 0.029 319.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 5F5462
- 6F6572
- 807782
- 918993
- A39CA4
- B4AFB6
- C7C2C8
- D9D6DA
- ECEAEC
셰이드
- 443946
- 382F3B
- 2E262F
- 231D25
- 19141A
- 100C11
- 070508
- 020102
- 000000
톤
- 544956
- 594F5B
- 5D5560
- 625B64
- 676169
- 6C676D
- 716D72
- 767377
- 7B7A7B
색 조화
보색 +180°
- 4F4352
Feminin Nightshade
- 404C3D
≈ Foxhall Green
유사색 -30° +30°
- 4F4352
Feminin Nightshade
- 474557
≈ Mourning Violet
- 55424A
≈ Grapes of Wrath
삼각 배색 +120° +240°
- 4F4352
Feminin Nightshade
- 504636
≈ Kuri Black
- 354D4E
≈ Silk Crepe Grey
분열 보색 +150° +210°
- 4F4352
Feminin Nightshade
- 494937
≈ Treasure Island
- 384D45
≈ Amphitrite
사각 배색 +90° +180° +270°
- 4F4352
Feminin Nightshade
- 55443A
≈ Cordovan Leather
- 404C3D
≈ Foxhall Green
- 384B55
≈ New Navy Blue
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.30:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.25:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.30:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
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);
}