Najbliższy nazwany kolor · #AB93AA
#AB93AA
Najbliższy nazwany kolor: Pastel Purple
#AB93AA (rgb(171 147 170), hsl(302 13% 62%), oklch(0.692 0.043 327.3)) jest najbliższy nazwanemu kolorowi Pastel Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AB93AA
oklch(0.692 0.043 327.3)
Konwersje koloru
- HEX
- #ab93aa
- RGB
- rgb(171 147 170)
- HSL
- hsl(302 13% 62%)
- HWB
- hwb(302 58% 33%)
- OKLCH
- oklch(0.692 0.043 327.3)
- OKLab
- oklab(0.692 0.036 -0.023)
- CIE Lab
- lab(63.68 12.34 -8.62)
- LCH
- lch(63.68 15.05 325)
- CMYK
- cmyk(0% 14% 1% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B39DB2
- BBA8BB
- C4B2C3
- CCBDCB
- D4C8D4
- DDD3DC
- E5DEE5
- EEE9EE
- F6F4F6
Odcienie ciemniejsze
- 947F93
- 7E6C7D
- 685968
- 544753
- 40363F
- 2D252D
- 1B161B
- 0B080B
- 010101
Tony
- A791A6
- A28FA1
- 9E8D9D
- 9A8B99
- 958A95
- 918891
- 8D868C
- 898488
- 848284
Harmonie kolorów
Komplementarna +180°
- AB93AA
Pastel Purple
- 8BA48D
≈ Envy
Analogowa -30° +30°
- AB93AA
Pastel Purple
- 9E97B4
≈ Heirloom Lilac
- B3919C
≈ Mauve Shadows
Triada +120° +240°
- AB93AA
Pastel Purple
- A79B7E
≈ Mohalla
- 7DA4AA
≈ Ziggurat
Komplementarna rozszczepiona +150° +210°
- AB93AA
Pastel Purple
- 99A082
≈ Fennelly
- 80A59C
≈ Scenario
Tetrada +90° +180° +270°
- AB93AA
Pastel Purple
- B19682
≈ Mexican Sand
- 8BA48D
≈ Envy
- 83A1B4
≈ Lake Okoboji
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--pastel-purple: #ab93aa;
--pastel-purple-rgb: 171 147 170;
--pastel-purple-oklch: oklch(0.692 0.043 327.3);
}
.element {
color: var(--pastel-purple);
background-color: hsl(302 13% 62%);
border-color: oklch(0.692 0.043 327.3);
}Tailwind CSS v4
@theme {
--color-pastel-purple: #ab93aa;
--color-pastel-purple-50: #fdf1fb;
--color-pastel-purple-100: #f1e3ef;
--color-pastel-purple-200: #dfcedd;
--color-pastel-purple-300: #c4b0c2;
--color-pastel-purple-400: #ad96ac;
--color-pastel-purple-500: #967c95;
--color-pastel-purple-600: #7f697e;
--color-pastel-purple-700: #665465;
--color-pastel-purple-800: #4a3d4b;
--color-pastel-purple-900: #342a34;
--color-pastel-purple-950: #1f181f;
}SCSS
$pastel-purple: #ab93aa;
$pastel-purple-rgb: 171, 147, 170;
$pastel-purple-light: mix(#fff, $pastel-purple, 20%);
$pastel-purple-dark: mix(#000, $pastel-purple, 20%);
.element {
color: $pastel-purple;
box-shadow: 0 0 0 2px rgba($pastel-purple, 0.35);
}