Nazwany kolor · #B9ADBB
Exclusive Violet
Exclusive Violet to #B9ADBB: rgb(185 173 187), hsl(291 9% 71%), oklch(0.762 0.024 321.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Exclusive Violet color name →
#B9ADBB
oklch(0.762 0.024 321.4)
Konwersje koloru
- HEX
- #b9adbb
- RGB
- rgb(185 173 187)
- HSL
- hsl(291 9% 71%)
- HWB
- hwb(291 68% 27%)
- OKLCH
- oklch(0.762 0.024 321.4)
- OKLab
- oklab(0.762 0.019 -0.015)
- CIE Lab
- lab(72.07 6.37 -5.55)
- LCH
- lch(72.07 8.45 318.9)
- CMYK
- cmyk(1% 7% 0% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C0B5C2
- C7BDC8
- CEC5CF
- D5CDD6
- DCD5DD
- E3DEE3
- EAE6EA
- F1EEF1
- F8F7F8
Odcienie ciemniejsze
- A096A2
- 897F8A
- 716A73
- 5B555C
- 464146
- 312D32
- 1E1B1F
- 0D0B0D
- 020102
Tony
- B3A8B5
- ADA4AF
- A89FA9
- A29BA3
- 9C969D
- 969297
- 918D91
- 8B898B
- 868486
Harmonie kolorów
Komplementarna +180°
- B9ADBB
Exclusive Violet
- AAB6A8
≈ Graceful Green
Analogowa -30° +30°
- B9ADBB
Exclusive Violet
- B1AFC0
≈ Wisteria Trellis
- BEACB3
≈ Lavender Scent
Triada +120° +240°
- B9ADBB
Exclusive Violet
- B9B1A1
≈ Silver Taupe
- A1B7B8
≈ Blue by You
Komplementarna rozszczepiona +150° +210°
- B9ADBB
Exclusive Violet
- B2B3A2
≈ Melmac Silver
- A3B7B0
≈ Pistachio Ice Cream
Tetrada +90° +180° +270°
- B9ADBB
Exclusive Violet
- BFAEA4
≈ Thumper
- AAB6A8
≈ Graceful Green
- A3B5BE
≈ Shark Loop
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.15:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.75:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--exclusive-violet: #b9adbb;
--exclusive-violet-rgb: 185 173 187;
--exclusive-violet-oklch: oklch(0.762 0.024 321.4);
}
.element {
color: var(--exclusive-violet);
background-color: hsl(291 9% 71%);
border-color: oklch(0.762 0.024 321.4);
}Tailwind CSS v4
@theme {
--color-exclusive-violet: #b9adbb;
--color-exclusive-violet-50: #f9f3f9;
--color-exclusive-violet-100: #ece5ec;
--color-exclusive-violet-200: #d9d1da;
--color-exclusive-violet-300: #beb3be;
--color-exclusive-violet-400: #a59aa7;
--color-exclusive-violet-500: #8e8190;
--color-exclusive-violet-600: #786d7a;
--color-exclusive-violet-700: #605761;
--color-exclusive-violet-800: #464048;
--color-exclusive-violet-900: #302c32;
--color-exclusive-violet-950: #1d191e;
}SCSS
$exclusive-violet: #b9adbb;
$exclusive-violet-rgb: 185, 173, 187;
$exclusive-violet-light: mix(#fff, $exclusive-violet, 20%);
$exclusive-violet-dark: mix(#000, $exclusive-violet, 20%);
.element {
color: $exclusive-violet;
box-shadow: 0 0 0 2px rgba($exclusive-violet, 0.35);
}