이름 색상 · #948593
Femme Fatale
Femme Fatale은(는) #948593: rgb(148 133 147), hsl(304 7% 55%), oklch(0.635 0.027 328). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Femme Fatale color name →
#948593
oklch(0.635 0.027 328)
색상 변환
- HEX
- #948593
- RGB
- rgb(148 133 147)
- HSL
- hsl(304 7% 55%)
- HWB
- hwb(304 52% 42%)
- OKLCH
- oklch(0.635 0.027 328)
- OKLab
- oklab(0.635 0.023 -0.014)
- CIE Lab
- lab(57.24 7.82 -5.35)
- LCH
- lch(57.24 9.48 325.6)
- CMYK
- cmyk(0% 10% 1% 42%)
틴트 · 셰이드 · 톤
틴트
- 9E919D
- A99CA8
- B3A8B2
- BEB4BD
- C8C0C8
- D3CDD3
- DED9DE
- E9E6E9
- F4F2F4
셰이드
- 80737F
- 6D616C
- 5A5059
- 484047
- 363036
- 262125
- 161316
- 080608
- 010101
톤
- 928591
- 90848F
- 8E848D
- 8C838B
- 8A8389
- 888288
- 868286
- 848184
- 828182
색 조화
보색 +180°
- 948593
Femme Fatale
- 808F81
≈ Lily Pad Pond
유사색 -30° +30°
- 948593
Femme Fatale
- 8C8799
≈ Purple Ragwort
- 99848A
≈ Orchard Plum
삼각 배색 +120° +240°
- 948593
Femme Fatale
- 918A78
≈ Cricket’s Cross
- 788F93
≈ Weathered Pebble
분열 보색 +150° +210°
- 948593
Femme Fatale
- 898D7B
≈ Tea Leaf Mouse
- 7A908A
≈ Longmeadow
사각 배색 +90° +180° +270°
- 948593
Femme Fatale
- 98877B
≈ Ginnezumi
- 808F81
≈ Lily Pad Pond
- 7C8D99
≈ Denim Drift
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.47:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.03:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 6.03:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--femme-fatale: #948593;
--femme-fatale-rgb: 148 133 147;
--femme-fatale-oklch: oklch(0.635 0.027 328);
}
.element {
color: var(--femme-fatale);
background-color: hsl(304 7% 55%);
border-color: oklch(0.635 0.027 328);
}Tailwind CSS v4
@theme {
--color-femme-fatale: #948593;
--color-femme-fatale-50: #faf2f9;
--color-femme-fatale-100: #ede5ec;
--color-femme-fatale-200: #dbd0da;
--color-femme-fatale-300: #c0b3be;
--color-femme-fatale-400: #a899a7;
--color-femme-fatale-500: #90808f;
--color-femme-fatale-600: #7a6c79;
--color-femme-fatale-700: #625761;
--color-femme-fatale-800: #473f47;
--color-femme-fatale-900: #322c32;
--color-femme-fatale-950: #1d191d;
}SCSS
$femme-fatale: #948593;
$femme-fatale-rgb: 148, 133, 147;
$femme-fatale-light: mix(#fff, $femme-fatale, 20%);
$femme-fatale-dark: mix(#000, $femme-fatale, 20%);
.element {
color: $femme-fatale;
box-shadow: 0 0 0 2px rgba($femme-fatale, 0.35);
}