Nazwany kolor · #A791A8
Uptown Girl
Uptown Girl to #A791A8: rgb(167 145 168), hsl(297 12% 61%), oklch(0.684 0.042 324.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Uptown Girl color name →
#A791A8
oklch(0.684 0.042 324.7)
Konwersje koloru
- HEX
- #a791a8
- RGB
- rgb(167 145 168)
- HSL
- hsl(297 12% 61%)
- HWB
- hwb(297 57% 34%)
- OKLCH
- oklch(0.684 0.042 324.7)
- OKLab
- oklab(0.684 0.034 -0.024)
- CIE Lab
- lab(62.73 11.62 -8.95)
- LCH
- lch(62.73 14.67 322.4)
- CMYK
- cmyk(1% 14% 0% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B09CB0
- B8A6B9
- C1B1C1
- CABCCA
- D2C7D3
- DBD2DC
- E4DDE4
- EDE8ED
- F6F4F6
Odcienie ciemniejsze
- 917D92
- 7B6A7C
- 665867
- 524652
- 3E353F
- 2C252C
- 1A151A
- 0A070A
- 010101
Tony
- A38FA4
- 9F8EA0
- 9B8C9C
- 978A98
- 938994
- 908790
- 8C858C
- 888388
- 848284
Harmonie kolorów
Komplementarna +180°
- A791A8
Uptown Girl
- 8AA18A
≈ Mossy Bench
Analogowa -30° +30°
- A791A8
Uptown Girl
- 9B95B1
≈ Tusi Grey
- AF8F9B
≈ Mauve Shadows
Triada +120° +240°
- A791A8
Uptown Girl
- A5987C
≈ Harvest Dance
- 7CA1A6
≈ Gould Blue
Komplementarna rozszczepiona +150° +210°
- A791A8
Uptown Girl
- 989D80
≈ Fennelly
- 7FA298
≈ Gnome
Tetrada +90° +180° +270°
- A791A8
Uptown Girl
- AF9381
≈ Sandrift
- 8AA18A
≈ Mossy Bench
- 819EB0
≈ Quilotoa Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.89:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.25:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.25:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--uptown-girl: #a791a8;
--uptown-girl-rgb: 167 145 168;
--uptown-girl-oklch: oklch(0.684 0.042 324.7);
}
.element {
color: var(--uptown-girl);
background-color: hsl(297 12% 61%);
border-color: oklch(0.684 0.042 324.7);
}Tailwind CSS v4
@theme {
--color-uptown-girl: #a791a8;
--color-uptown-girl-50: #fcf1fc;
--color-uptown-girl-100: #f0e3ef;
--color-uptown-girl-200: #decede;
--color-uptown-girl-300: #c3b0c3;
--color-uptown-girl-400: #ab96ac;
--color-uptown-girl-500: #957d96;
--color-uptown-girl-600: #7e6a7f;
--color-uptown-girl-700: #655565;
--color-uptown-girl-800: #4a3e4b;
--color-uptown-girl-900: #332a34;
--color-uptown-girl-950: #1f181f;
}SCSS
$uptown-girl: #a791a8;
$uptown-girl-rgb: 167, 145, 168;
$uptown-girl-light: mix(#fff, $uptown-girl, 20%);
$uptown-girl-dark: mix(#000, $uptown-girl, 20%);
.element {
color: $uptown-girl;
box-shadow: 0 0 0 2px rgba($uptown-girl, 0.35);
}