Najbliższy nazwany kolor · #925A7F
#925A7F
Najbliższy nazwany kolor: Feminism
#925A7F (rgb(146 90 127), hsl(320 24% 46%), oklch(0.542 0.089 340.6)) jest najbliższy nazwanemu kolorowi Feminism. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#925A7F
oklch(0.542 0.089 340.6)
Konwersje koloru
- HEX
- #925a7f
- RGB
- rgb(146 90 127)
- HSL
- hsl(320 24% 46%)
- HWB
- hwb(320 35% 43%)
- OKLCH
- oklch(0.542 0.089 340.6)
- OKLab
- oklab(0.542 0.084 -0.029)
- CIE Lab
- lab(45.65 27.79 -10.78)
- LCH
- lch(45.65 29.81 338.8)
- CMYK
- cmyk(0% 38% 13% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9D6A8B
- A87997
- B389A4
- BE9AB0
- C9AABD
- D4BBCA
- DFCBD7
- EADCE4
- F4EEF2
Odcienie ciemniejsze
- 7E4D6E
- 6B415D
- 58354C
- 46293C
- 351E2D
- 25131F
- 160911
- 080306
- 010001
Tony
- 915E7F
- 8F627F
- 8E667F
- 8C6A80
- 8A6E80
- 897180
- 877580
- 857980
- 827C80
Harmonie kolorów
Komplementarna +180°
- 925A7F
Feminism
- 397F5E
≈ Leisure Green
Analogowa -30° +30°
- 925A7F
Feminism
- 806096
≈ Jubilee
- 9C5863
≈ Cuban Rhythm
Triada +120° +240°
- 925A7F
Feminism
- 7B702D
≈ Wood Garlic
- 217B93
≈ Pacific Pleasure
Komplementarna rozszczepiona +150° +210°
- 925A7F
Feminism
- 5D7A41
≈ Mossy Green
- 157F7B
≈ Coelia Greenshade
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.26:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.99:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--feminism: #925a7f;
--feminism-rgb: 146 90 127;
--feminism-oklch: oklch(0.542 0.089 340.6);
}
.element {
color: var(--feminism);
background-color: hsl(320 24% 46%);
border-color: oklch(0.542 0.089 340.6);
}Tailwind CSS v4
@theme {
--color-feminism: #925a7f;
--color-feminism-50: #ffecfc;
--color-feminism-100: #feddf0;
--color-feminism-200: #f0c6df;
--color-feminism-300: #d8a6c4;
--color-feminism-400: #c38aae;
--color-feminism-500: #ae6e98;
--color-feminism-600: #935d81;
--color-feminism-700: #764b67;
--color-feminism-800: #57364d;
--color-feminism-900: #3c2535;
--color-feminism-950: #261320;
}SCSS
$feminism: #925a7f;
$feminism-rgb: 146, 90, 127;
$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);
}