Nazwany kolor · #BFB9D4
Lemures
Lemures to #BFB9D4: rgb(191 185 212), hsl(253 24% 78%), oklch(0.799 0.038 295.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Lemures color name →
#BFB9D4
oklch(0.799 0.038 295.7)
Konwersje koloru
- HEX
- #bfb9d4
- RGB
- rgb(191 185 212)
- HSL
- hsl(253 24% 78%)
- HWB
- hwb(253 73% 17%)
- OKLCH
- oklch(0.799 0.038 295.7)
- OKLab
- oklab(0.799 0.017 -0.034)
- CIE Lab
- lab(76.29 6.08 -12.84)
- LCH
- lch(76.29 14.21 295.3)
- CMYK
- cmyk(10% 13% 0% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5C0D8
- CBC7DD
- D2CEE1
- D8D5E5
- DFDCEA
- E5E3EE
- EBEAF2
- F2F1F6
- F8F8FB
Odcienie ciemniejsze
- A6A0B8
- 8D899D
- 757183
- 5E5B69
- 484651
- 33313A
- 1F1E24
- 0D0D10
- 020202
Tony
- B8B3CB
- B2ADC3
- ACA8BA
- A5A2B2
- 9F9CA9
- 9996A1
- 929199
- 8C8B90
- 868688
Harmonie kolorów
Komplementarna +180°
- BFB9D4
Lemures
- BCC1A5
≈ Healing Retreat
Analogowa -30° +30°
- BFB9D4
Lemures
- B2BED7
≈ Movie Magic
- CBB5CB
≈ Softly Softly
Triada +120° +240°
- BFB9D4
Lemures
- D2B8A6
≈ Treeless
- A5C6BC
≈ Wave Runner
Komplementarna rozszczepiona +150° +210°
- BFB9D4
Lemures
- C9BCA2
≈ Land Rush Bone
- AFC4AF
≈ Zanah
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.89:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.10:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--lemures: #bfb9d4;
--lemures-rgb: 191 185 212;
--lemures-oklch: oklch(0.799 0.038 295.7);
}
.element {
color: var(--lemures);
background-color: hsl(253 24% 78%);
border-color: oklch(0.799 0.038 295.7);
}Tailwind CSS v4
@theme {
--color-lemures: #bfb9d4;
--color-lemures-50: #f6f3ff;
--color-lemures-100: #e9e5f3;
--color-lemures-200: #d6d1e3;
--color-lemures-300: #b9b4c9;
--color-lemures-400: #a09ab3;
--color-lemures-500: #88819d;
--color-lemures-600: #736e85;
--color-lemures-700: #5c586a;
--color-lemures-800: #43404f;
--color-lemures-900: #2e2c37;
--color-lemures-950: #1b1922;
}SCSS
$lemures: #bfb9d4;
$lemures-rgb: 191, 185, 212;
$lemures-light: mix(#fff, $lemures, 20%);
$lemures-dark: mix(#000, $lemures, 20%);
.element {
color: $lemures;
box-shadow: 0 0 0 2px rgba($lemures, 0.35);
}