Najbliższy nazwany kolor · #A13DF5
#A13DF5
Najbliższy nazwany kolor: Sweet Desire
#A13DF5 (rgb(161 61 245), hsl(273 90% 60%), oklch(0.592 0.256 304.1)) jest najbliższy nazwanemu kolorowi Sweet Desire. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A13DF5
oklch(0.592 0.256 304.1)
Konwersje koloru
- HEX
- #a13df5
- RGB
- rgb(161 61 245)
- HSL
- hsl(273 90% 60%)
- HWB
- hwb(273 24% 4%)
- OKLCH
- oklch(0.592 0.256 304.1)
- OKLab
- oklab(0.592 0.144 -0.212)
- CIE Lab
- lab(48.02 64.36 -75.42)
- LCH
- lch(48.02 99.15 310.5)
- CMYK
- cmyk(34% 75% 0% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AA58F8
- B36EFA
- BC82FC
- C595FE
- CEA7FF
- D8B9FF
- E1CBFF
- EBDCFF
- F5EEFF
Odcienie ciemniejsze
- 8B34D5
- 762BB6
- 622298
- 4E1A7B
- 3C125F
- 2A0A44
- 19042B
- 090115
- 010003
Tony
- 9D4AEA
- 9A54DF
- 975CD3
- 9363C8
- 906ABC
- 8D6FB1
- 8974A5
- 867899
- 837C8D
Harmonie kolorów
Komplementarna +180°
- A13DF5
Sweet Desire
- 6C8B00
≈ Asparagus Sultan
Analogowa -30° +30°
- A13DF5
Sweet Desire
- 5B66FF
≈ Blue Heath Butterfly
- CF14BA
≈ Explosive Purple
Triada +120° +240°
- A13DF5
Sweet Desire
- B36900
≈ Pumpkin Spice
- 009285
≈ Deep Peacock Blue
Komplementarna rozszczepiona +150° +210°
- A13DF5
Sweet Desire
- 957B00
≈ Moscow Papyrus
- 009653
≈ Garnish
Tetrada +90° +180° +270°
- A13DF5
Sweet Desire
- DF3400
≈ Red Bell Pepper
- 6C8B00
≈ Asparagus Sultan
- 008DA3
≈ Parrot Flight
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.66:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.50:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--sweet-desire: #a13df5;
--sweet-desire-rgb: 161 61 245;
--sweet-desire-oklch: oklch(0.592 0.256 304.1);
}
.element {
color: var(--sweet-desire);
background-color: hsl(273 90% 60%);
border-color: oklch(0.592 0.256 304.1);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #a13df5;
--color-sweet-desire-50: #ffe3ff;
--color-sweet-desire-100: #fdd2ff;
--color-sweet-desire-200: #f0b6ff;
--color-sweet-desire-300: #d88fff;
--color-sweet-desire-400: #c16aff;
--color-sweet-desire-500: #ae39ff;
--color-sweet-desire-600: #9334e1;
--color-sweet-desire-700: #7529b5;
--color-sweet-desire-800: #551d89;
--color-sweet-desire-900: #3b1461;
--color-sweet-desire-950: #250343;
}SCSS
$sweet-desire: #a13df5;
$sweet-desire-rgb: 161, 61, 245;
$sweet-desire-light: mix(#fff, $sweet-desire, 20%);
$sweet-desire-dark: mix(#000, $sweet-desire, 20%);
.element {
color: $sweet-desire;
box-shadow: 0 0 0 2px rgba($sweet-desire, 0.35);
}