Nazwany kolor · #B69ABC
Grape Smoke
Grape Smoke to #B69ABC: rgb(182 154 188), hsl(289 20% 67%), oklch(0.722 0.058 320.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Grape Smoke color name →
#B69ABC
oklch(0.722 0.058 320.3)
Konwersje koloru
- HEX
- #b69abc
- RGB
- rgb(182 154 188)
- HSL
- hsl(289 20% 67%)
- HWB
- hwb(289 60% 26%)
- OKLCH
- oklch(0.722 0.058 320.3)
- OKLab
- oklab(0.722 0.044 -0.037)
- CIE Lab
- lab(66.99 15.29 -13.63)
- LCH
- lch(66.99 20.48 318.3)
- CMYK
- cmyk(3% 18% 0% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BDA4C3
- C4AEC9
- CCB8D0
- D3C2D7
- DACCDD
- E2D6E4
- E9E0EB
- F0EAF1
- F8F5F8
Odcienie ciemniejsze
- 9E85A3
- 86718B
- 6F5E73
- 594B5D
- 443947
- 302732
- 1D171F
- 0C090D
- 020102
Tony
- B197B6
- AB95B0
- A692AA
- A090A4
- 9B8D9E
- 958A98
- 908892
- 8B858C
- 858386
Harmonie kolorów
Komplementarna +180°
- B69ABC
Grape Smoke
- 92AF8D
≈ Greenish Grey
Analogowa -30° +30°
- B69ABC
Grape Smoke
- A4A0C8
≈ May Mist
- C297AA
≈ Classy Mauve
Triada +120° +240°
- B69ABC
Grape Smoke
- B8A27C
≈ Tiki Straw
- 7AB1B4
≈ Buoyancy
Komplementarna rozszczepiona +150° +210°
- B69ABC
Grape Smoke
- A7A97F
≈ Brisk Olive
- 81B1A0
≈ Le Max
Tetrada +90° +180° +270°
- B69ABC
Grape Smoke
- C49B85
≈ Chestnut Bisque
- 92AF8D
≈ Greenish Grey
- 80ADC3
≈ Arabella
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.51:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.33:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.33:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--grape-smoke: #b69abc;
--grape-smoke-rgb: 182 154 188;
--grape-smoke-oklch: oklch(0.722 0.058 320.3);
}
.element {
color: var(--grape-smoke);
background-color: hsl(289 20% 67%);
border-color: oklch(0.722 0.058 320.3);
}Tailwind CSS v4
@theme {
--color-grape-smoke: #b69abc;
--color-grape-smoke-50: #fdf0ff;
--color-grape-smoke-100: #f1e2f4;
--color-grape-smoke-200: #e0cde3;
--color-grape-smoke-300: #c6aec9;
--color-grape-smoke-400: #ae94b4;
--color-grape-smoke-500: #987a9e;
--color-grape-smoke-600: #806786;
--color-grape-smoke-700: #67536b;
--color-grape-smoke-800: #4b3c4f;
--color-grape-smoke-900: #342937;
--color-grape-smoke-950: #1f1722;
}SCSS
$grape-smoke: #b69abc;
$grape-smoke-rgb: 182, 154, 188;
$grape-smoke-light: mix(#fff, $grape-smoke, 20%);
$grape-smoke-dark: mix(#000, $grape-smoke, 20%);
.element {
color: $grape-smoke;
box-shadow: 0 0 0 2px rgba($grape-smoke, 0.35);
}