Adlandırılmış renk · #948593
Femme Fatale
Femme Fatale, #948593: rgb(148 133 147), hsl(304 7% 55%), oklch(0.635 0.027 328). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Femme Fatale color name →
#948593
oklch(0.635 0.027 328)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9E919D
- A99CA8
- B3A8B2
- BEB4BD
- C8C0C8
- D3CDD3
- DED9DE
- E9E6E9
- F4F2F4
Koyu tonlar
- 80737F
- 6D616C
- 5A5059
- 484047
- 363036
- 262125
- 161316
- 080608
- 010101
Gri tonlar
- 928591
- 90848F
- 8E848D
- 8C838B
- 8A8389
- 888288
- 868286
- 848184
- 828182
Renk uyumları
Tamamlayıcı +180°
- 948593
Femme Fatale
- 808F81
≈ Lily Pad Pond
Analog -30° +30°
- 948593
Femme Fatale
- 8C8799
≈ Purple Ragwort
- 99848A
≈ Orchard Plum
Üçlü +120° +240°
- 948593
Femme Fatale
- 918A78
≈ Cricket’s Cross
- 788F93
≈ Weathered Pebble
Bölünmüş tamamlayıcı +150° +210°
- 948593
Femme Fatale
- 898D7B
≈ Tea Leaf Mouse
- 7A908A
≈ Longmeadow
Dörtlü +90° +180° +270°
- 948593
Femme Fatale
- 98877B
≈ Ginnezumi
- 808F81
≈ Lily Pad Pond
- 7C8D99
≈ Denim Drift
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.47:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.03:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 6.03:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
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);
}