Najbliższy nazwany kolor · #A80096
#A80096
Najbliższy nazwany kolor: Magentle
#A80096 (rgb(168 0 150), hsl(306 100% 33%), oklch(0.502 0.224 334.3)) jest najbliższy nazwanemu kolorowi Magentle. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A80096
oklch(0.502 0.224 334.3)
Konwersje koloru
- HEX
- #a80096
- RGB
- rgb(168 0 150)
- HSL
- hsl(306 100% 33%)
- HWB
- hwb(306 0% 34%)
- OKLCH
- oklch(0.502 0.224 334.3)
- OKLab
- oklab(0.502 0.202 -0.097)
- CIE Lab
- lab(38.83 66.56 -34.82)
- LCH
- lch(38.83 75.12 332.4)
- CMYK
- cmyk(0% 100% 11% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B333A1
- BE4FAC
- C867B6
- D17DC1
- DA93CB
- E2A9D6
- EABEE0
- F2D4EA
- F9E9F5
Odcienie ciemniejsze
- 920082
- 7C006E
- 67005B
- 520049
- 3F0037
- 2C0026
- 1A0016
- 0A0008
- 010001
Tony
- A62394
- A33592
- A04291
- 9D4D8F
- 99578C
- 95608A
- 906988
- 8C7185
- 867983
Harmonie kolorów
Komplementarna +180°
- A80096
Magentle
- 007841
≈ Gale of the Wind
Analogowa -30° +30°
- A80096
Magentle
- 822BC8
≈ Lilac Spring
- B70056
≈ Velvet Magic
Triada +120° +240°
- A80096
Magentle
- 776200
≈ Spicy Mustard
- 007083
≈ Crystal Teal
Komplementarna rozszczepiona +150° +210°
- A80096
Magentle
- 556F00
≈ Over the Hills
- 00746A
≈ Hawk Turquoise
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.76:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.10:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.76:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--magentle: #a80096;
--magentle-rgb: 168 0 150;
--magentle-oklch: oklch(0.502 0.224 334.3);
}
.element {
color: var(--magentle);
background-color: hsl(306 100% 33%);
border-color: oklch(0.502 0.224 334.3);
}Tailwind CSS v4
@theme {
--color-magentle: #a80096;
--color-magentle-50: #ffddff;
--color-magentle-100: #ffcbff;
--color-magentle-200: #ffaef8;
--color-magentle-300: #fd86e2;
--color-magentle-400: #e960d3;
--color-magentle-500: #d72fc1;
--color-magentle-600: #b52ba3;
--color-magentle-700: #922283;
--color-magentle-800: #6b1863;
--color-magentle-900: #4c1046;
--color-magentle-950: #31022d;
}SCSS
$magentle: #a80096;
$magentle-rgb: 168, 0, 150;
$magentle-light: mix(#fff, $magentle, 20%);
$magentle-dark: mix(#000, $magentle, 20%);
.element {
color: $magentle;
box-shadow: 0 0 0 2px rgba($magentle, 0.35);
}