Najbliższy nazwany kolor · #975478
#975478
Najbliższy nazwany kolor: Feminism
#975478 (rgb(151 84 120), hsl(328 29% 46%), oklch(0.536 0.1 347.6)) jest najbliższy nazwanemu kolorowi Feminism. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#975478
oklch(0.536 0.1 347.6)
Konwersje koloru
- HEX
- #975478
- RGB
- rgb(151 84 120)
- HSL
- hsl(328 29% 46%)
- HWB
- hwb(328 33% 41%)
- OKLCH
- oklch(0.536 0.1 347.6)
- OKLab
- oklab(0.536 0.097 -0.022)
- CIE Lab
- lab(44.77 32.01 -7.77)
- LCH
- lch(44.77 32.94 346.4)
- CMYK
- cmyk(0% 44% 21% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A26485
- AD7592
- B8859F
- C296AC
- CDA7B9
- D7B8C7
- E1CAD5
- EBDBE3
- F5EDF1
Odcienie ciemniejsze
- 834867
- 6F3C57
- 5C3148
- 492639
- 371B2A
- 26111D
- 170810
- 080205
- 010001
Tony
- 955979
- 945E7A
- 92627A
- 90677B
- 8D6B7C
- 8B6F7D
- 89747E
- 86787E
- 837C7F
Harmonie kolorów
Komplementarna +180°
- 975478
Feminism
- 1D8062
≈ Deep Sea
Analogowa -30° +30°
- 975478
Feminism
- 855A93
≈ Purple Tanzanite
- 9F5458
≈ Cuban Rhythm
Triada +120° +240°
- 975478
Feminism
- 747121
≈ Olivetone
- 11789A
≈ Sea Sight
Komplementarna rozszczepiona +150° +210°
- 975478
Feminism
- 507B3F
≈ Mana Tree
- 007D80
≈ Macquarie
Tetrada +90° +180° +270°
- 975478
Feminism
- 8D651D
≈ Tapenade
- 1D8062
≈ Deep Sea
- 476EA7
≈ New Age Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.44:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.85:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.44:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--feminism: #975478;
--feminism-rgb: 151 84 120;
--feminism-oklch: oklch(0.536 0.1 347.6);
}
.element {
color: var(--feminism);
background-color: hsl(328 29% 46%);
border-color: oklch(0.536 0.1 347.6);
}Tailwind CSS v4
@theme {
--color-feminism: #975478;
--color-feminism-50: #ffeaf9;
--color-feminism-100: #ffdbed;
--color-feminism-200: #f6c3db;
--color-feminism-300: #dfa3bf;
--color-feminism-400: #ca86a9;
--color-feminism-500: #b66a92;
--color-feminism-600: #9a5a7c;
--color-feminism-700: #7b4863;
--color-feminism-800: #5b344a;
--color-feminism-900: #402333;
--color-feminism-950: #28121f;
}SCSS
$feminism: #975478;
$feminism-rgb: 151, 84, 120;
$feminism-light: mix(#fff, $feminism, 20%);
$feminism-dark: mix(#000, $feminism, 20%);
.element {
color: $feminism;
box-shadow: 0 0 0 2px rgba($feminism, 0.35);
}