Nazwany kolor · #A77693
Poise
Poise to #A77693: rgb(167 118 147), hsl(324 22% 56%), oklch(0.624 0.073 343.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Poise color name →
#A77693
oklch(0.624 0.073 343.1)
Konwersje koloru
- HEX
- #a77693
- RGB
- rgb(167 118 147)
- HSL
- hsl(324 22% 56%)
- HWB
- hwb(324 46% 35%)
- OKLCH
- oklch(0.624 0.073 343.1)
- OKLab
- oklab(0.624 0.07 -0.021)
- CIE Lab
- lab(55.44 23.2 -7.73)
- LCH
- lch(55.44 24.45 341.6)
- CMYK
- cmyk(0% 29% 12% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B0839D
- B990A8
- C29EB2
- CBABBD
- D3B9C8
- DCC7D3
- E5D4DE
- EEE3E9
- F6F1F4
Odcienie ciemniejsze
- 91667F
- 7B566C
- 664759
- 523847
- 3E2936
- 2C1C25
- 1A0F16
- 0A0508
- 010101
Tony
- A37791
- A0788F
- 9C798D
- 987A8B
- 947B8A
- 907C88
- 8C7D86
- 887E84
- 847F82
Harmonie kolorów
Komplementarna +180°
- A77693
Poise
- 5D967B
≈ Deep Grass Green
Analogowa -30° +30°
- A77693
Poise
- 977BA7
≈ Pishposh
- AF757B
≈ Vindaloo
Triada +120° +240°
- A77693
Poise
- 8F8A55
≈ Green Olive
- 5391A8
≈ Aegean Sea
Komplementarna rozszczepiona +150° +210°
- A77693
Poise
- 769164
≈ Old Bamboo
- 4D9694
≈ Mirage Lake
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.71:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.65:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.65:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--poise: #a77693;
--poise-rgb: 167 118 147;
--poise-oklch: oklch(0.624 0.073 343.1);
}
.element {
color: var(--poise);
background-color: hsl(324 22% 56%);
border-color: oklch(0.624 0.073 343.1);
}Tailwind CSS v4
@theme {
--color-poise: #a77693;
--color-poise-50: #ffedfa;
--color-poise-100: #fbdfed;
--color-poise-200: #ecc8db;
--color-poise-300: #d4a9c0;
--color-poise-400: #be8eaa;
--color-poise-500: #a87393;
--color-poise-600: #8e617c;
--color-poise-700: #724e63;
--color-poise-800: #54384a;
--color-poise-900: #3b2733;
--color-poise-950: #24151f;
}SCSS
$poise: #a77693;
$poise-rgb: 167, 118, 147;
$poise-light: mix(#fff, $poise, 20%);
$poise-dark: mix(#000, $poise, 20%);
.element {
color: $poise;
box-shadow: 0 0 0 2px rgba($poise, 0.35);
}