Nazwany kolor · #8B5987
Dewberry
Dewberry to #8B5987: rgb(139 89 135), hsl(305 22% 45%), oklch(0.535 0.092 329.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Dewberry color name →
#8B5987
oklch(0.535 0.092 329.6)
Konwersje koloru
- HEX
- #8b5987
- RGB
- rgb(139 89 135)
- HSL
- hsl(305 22% 45%)
- HWB
- hwb(305 35% 45%)
- OKLCH
- oklch(0.535 0.092 329.6)
- OKLab
- oklab(0.535 0.079 -0.047)
- CIE Lab
- lab(44.77 26.83 -17.02)
- LCH
- lch(44.77 31.77 327.6)
- CMYK
- cmyk(0% 36% 3% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 976993
- A2799E
- AE89AA
- B999B6
- C5A9C2
- D0BACE
- DCCBDA
- E8DCE6
- F3EDF3
Odcienie ciemniejsze
- 784C75
- 664063
- 543451
- 432841
- 321D31
- 231321
- 140913
- 070306
- 010001
Tony
- 8A5D86
- 896186
- 896585
- 886985
- 876D84
- 857183
- 847582
- 837982
- 827C81
Harmonie kolorów
Komplementarna +180°
- 8B5987
Dewberry
- 437C50
≈ Rokushō Green
Analogowa -30° +30°
- 8B5987
Dewberry
- 75619B
≈ Scampi
- 98556B
≈ Vive L’amour
Triada +120° +240°
- 8B5987
Dewberry
- 826A25
≈ Yukon Gold
- 027B8A
≈ Biscay Bay
Komplementarna rozszczepiona +150° +210°
- 8B5987
Dewberry
- 677533
≈ Muddy Green
- 167E6F
≈ Blue Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.41:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.87:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.41:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--dewberry: #8b5987;
--dewberry-rgb: 139 89 135;
--dewberry-oklch: oklch(0.535 0.092 329.6);
}
.element {
color: var(--dewberry);
background-color: hsl(305 22% 45%);
border-color: oklch(0.535 0.092 329.6);
}Tailwind CSS v4
@theme {
--color-dewberry: #8b5987;
--color-dewberry-50: #ffecff;
--color-dewberry-100: #fbddf6;
--color-dewberry-200: #ecc6e6;
--color-dewberry-300: #d4a7cd;
--color-dewberry-400: #bd8bb9;
--color-dewberry-500: #a86fa4;
--color-dewberry-600: #8e5e8a;
--color-dewberry-700: #724b6f;
--color-dewberry-800: #533753;
--color-dewberry-900: #3a253a;
--color-dewberry-950: #241424;
}SCSS
$dewberry: #8b5987;
$dewberry-rgb: 139, 89, 135;
$dewberry-light: mix(#fff, $dewberry, 20%);
$dewberry-dark: mix(#000, $dewberry, 20%);
.element {
color: $dewberry;
box-shadow: 0 0 0 2px rgba($dewberry, 0.35);
}