Najbliższy nazwany kolor · #9D8BB2
#9D8BB2
Najbliższy nazwany kolor: Wizard’s Brew
#9D8BB2 (rgb(157 139 178), hsl(268 20% 62%), oklch(0.666 0.06 305.8)) jest najbliższy nazwanemu kolorowi Wizard’s Brew. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9D8BB2
oklch(0.666 0.06 305.8)
Konwersje koloru
- HEX
- #9d8bb2
- RGB
- rgb(157 139 178)
- HSL
- hsl(268 20% 62%)
- HWB
- hwb(268 55% 30%)
- OKLCH
- oklch(0.666 0.06 305.8)
- OKLab
- oklab(0.666 0.035 -0.049)
- CIE Lab
- lab(60.52 12.74 -18)
- LCH
- lch(60.52 22.05 305.3)
- CMYK
- cmyk(12% 22% 0% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A696BA
- B0A1C1
- B9ADC9
- C3B8D1
- CDC4D8
- D7CFE0
- E1DBE8
- EBE7EF
- F5F3F7
Odcienie ciemniejsze
- 88789A
- 736683
- 5F546D
- 4C4357
- 3A3243
- 28232F
- 18141D
- 09070C
- 010101
Tony
- 9A8AAD
- 9789A8
- 9488A3
- 91879E
- 8E8699
- 8B8594
- 89838F
- 86828A
- 838185
Harmonie kolorów
Komplementarna +180°
- 9D8BB2
Wizard’s Brew
- 8B9B73
≈ Sweet Florence
Analogowa -30° +30°
- 9D8BB2
Wizard’s Brew
- 8992BA
≈ PHP Purple
- AC86A2
≈ Lavender Herb
Triada +120° +240°
- 9D8BB2
Wizard’s Brew
- AE8D6D
≈ River Road
- 68A199
≈ Emerald Oasis
Komplementarna rozszczepiona +150° +210°
- 9D8BB2
Wizard’s Brew
- 9F946A
≈ Chapter
- 76A085
≈ Aquadulce
Tetrada +90° +180° +270°
- 9D8BB2
Wizard’s Brew
- B6877B
≈ Brandy Rose
- 8B9B73
≈ Sweet Florence
- 689EAC
≈ Left Bank Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.10:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.76:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--wizard-s-brew: #9d8bb2;
--wizard-s-brew-rgb: 157 139 178;
--wizard-s-brew-oklch: oklch(0.666 0.06 305.8);
}
.element {
color: var(--wizard-s-brew);
background-color: hsl(268 20% 62%);
border-color: oklch(0.666 0.06 305.8);
}Tailwind CSS v4
@theme {
--color-wizard-s-brew: #9d8bb2;
--color-wizard-s-brew-50: #faf1ff;
--color-wizard-s-brew-100: #ede3f8;
--color-wizard-s-brew-200: #dbcee9;
--color-wizard-s-brew-300: #c0b0d0;
--color-wizard-s-brew-400: #a796bb;
--color-wizard-s-brew-500: #907ca6;
--color-wizard-s-brew-600: #7a698d;
--color-wizard-s-brew-700: #615471;
--color-wizard-s-brew-800: #473d54;
--color-wizard-s-brew-900: #312a3a;
--color-wizard-s-brew-950: #1d1824;
}SCSS
$wizard-s-brew: #9d8bb2;
$wizard-s-brew-rgb: 157, 139, 178;
$wizard-s-brew-light: mix(#fff, $wizard-s-brew, 20%);
$wizard-s-brew-dark: mix(#000, $wizard-s-brew, 20%);
.element {
color: $wizard-s-brew;
box-shadow: 0 0 0 2px rgba($wizard-s-brew, 0.35);
}