Nazwany kolor · #AC86A8
Dusty Lavender
Dusty Lavender to #AC86A8: rgb(172 134 168), hsl(306 19% 60%), oklch(0.667 0.066 329.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Dusty Lavender color name →
#AC86A8
oklch(0.667 0.066 329.8)
Konwersje koloru
- HEX
- #ac86a8
- RGB
- rgb(172 134 168)
- HSL
- hsl(306 19% 60%)
- HWB
- hwb(306 53% 33%)
- OKLCH
- oklch(0.667 0.066 329.8)
- OKLab
- oklab(0.667 0.057 -0.033)
- CIE Lab
- lab(60.47 19.34 -12.25)
- LCH
- lch(60.47 22.89 327.7)
- CMYK
- cmyk(0% 22% 2% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B492B0
- BD9DB9
- C5A9C2
- CDB5CA
- D5C1D3
- DECDDC
- E6DAE4
- EEE6ED
- F7F2F6
Odcienie ciemniejsze
- 957492
- 7F627C
- 695167
- 544052
- 40303F
- 2D212C
- 1B131A
- 0B060A
- 010101
Tony
- A886A4
- A385A0
- 9F849C
- 9B8498
- 968394
- 928390
- 8D828C
- 898188
- 848184
Harmonie kolorów
Komplementarna +180°
- AC86A8
Dusty Lavender
- 78A07F
≈ Aquadulce
Analogowa -30° +30°
- AC86A8
Dusty Lavender
- 9A8CB8
≈ Brave Purple
- B78493
≈ Berry Blush
Triada +120° +240°
- AC86A8
Dusty Lavender
- A49365
≈ Olive Rush
- 62A0AB
≈ Aqua Sea
Komplementarna rozszczepiona +150° +210°
- AC86A8
Dusty Lavender
- 8F9B6D
≈ Exotic Palm
- 65A296
≈ Emerald Oasis
Tetrada +90° +180° +270°
- AC86A8
Dusty Lavender
- B38B6B
≈ Jama Masjid Taupe
- 78A07F
≈ Aquadulce
- 6F9AB9
≈ Splendid Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.12:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.72:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--dusty-lavender: #ac86a8;
--dusty-lavender-rgb: 172 134 168;
--dusty-lavender-oklch: oklch(0.667 0.066 329.8);
}
.element {
color: var(--dusty-lavender);
background-color: hsl(306 19% 60%);
border-color: oklch(0.667 0.066 329.8);
}Tailwind CSS v4
@theme {
--color-dusty-lavender: #ac86a8;
--color-dusty-lavender-50: #ffeffe;
--color-dusty-lavender-100: #f6e0f2;
--color-dusty-lavender-200: #e6cae1;
--color-dusty-lavender-300: #ccacc7;
--color-dusty-lavender-400: #b591b1;
--color-dusty-lavender-500: #9f769b;
--color-dusty-lavender-600: #876483;
--color-dusty-lavender-700: #6c5069;
--color-dusty-lavender-800: #4f3a4e;
--color-dusty-lavender-900: #372836;
--color-dusty-lavender-950: #221621;
}SCSS
$dusty-lavender: #ac86a8;
$dusty-lavender-rgb: 172, 134, 168;
$dusty-lavender-light: mix(#fff, $dusty-lavender, 20%);
$dusty-lavender-dark: mix(#000, $dusty-lavender, 20%);
.element {
color: $dusty-lavender;
box-shadow: 0 0 0 2px rgba($dusty-lavender, 0.35);
}