Nearest named color · #6B5F82
#6B5F82
Nearest named color: Berry Jam
#6B5F82 (rgb(107 95 130), hsl(261 16% 44%), oklch(0.51 0.056 300.1)) is closest to the named color Berry Jam. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6B5F82
oklch(0.51 0.056 300.1)
Color conversions
- HEX
- #6b5f82
- RGB
- rgb(107 95 130)
- HSL
- hsl(261 16% 44%)
- HWB
- hwb(261 37% 49%)
- OKLCH
- oklch(0.51 0.056 300.1)
- OKLab
- oklab(0.51 0.028 -0.049)
- CIE Lab
- lab(42.5 10.7 -17.85)
- LCH
- lch(42.5 20.81 300.9)
- CMYK
- cmyk(18% 27% 0% 49%)
Tints · Shades · Tones
Tints
- 796E8E
- 877D9A
- 958CA6
- A39CB3
- B2ACBF
- C1BCCC
- D0CCD8
- E0DDE5
- EFEEF2
Shades
- 5C5270
- 4E445F
- 3F384E
- 322C3E
- 25202F
- 181520
- 0D0A12
- 040306
- 000001
Tones
- 6D6282
- 6F6682
- 716982
- 736C82
- 757081
- 777381
- 7A7681
- 7C7981
- 7E7D80
Color harmonies
Complementary +180°
- 6B5F82
Berry Jam
- 626B46
≈ Olive Branch
Analogous -30° +30°
- 6B5F82
Berry Jam
- 596587
≈ Enduring
- 795B76
≈ Gala Ball
Triadic +120° +240°
- 6B5F82
Berry Jam
- 7E5F45
≈ Rodeo
- 3F7167
≈ Cormorant
Split-complementary +150° +210°
- 6B5F82
Berry Jam
- 736540
≈ Nutria
- 4F7055
≈ Green Bayou
Tetradic +90° +180° +270°
- 6B5F82
Berry Jam
- 835A53
≈ Red Willow
- 626B46
≈ Olive Branch
- 3C6F78
≈ Peabody
Contrast & accessibility
Ag
AAOn white
WCAG 5.85:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.58:1 · APCA Lc 23
Best text color: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--berry-jam: #6b5f82;
--berry-jam-rgb: 107 95 130;
--berry-jam-oklch: oklch(0.51 0.056 300.1);
}
.element {
color: var(--berry-jam);
background-color: hsl(261 16% 44%);
border-color: oklch(0.51 0.056 300.1);
}Tailwind CSS v4
@theme {
--color-berry-jam: #6b5f82;
--color-berry-jam-50: #f8f2ff;
--color-berry-jam-100: #ebe4f8;
--color-berry-jam-200: #d8cfe9;
--color-berry-jam-300: #bcb1d0;
--color-berry-jam-400: #a397bb;
--color-berry-jam-500: #8c7ea6;
--color-berry-jam-600: #766b8d;
--color-berry-jam-700: #5f5571;
--color-berry-jam-800: #453e54;
--color-berry-jam-900: #2f2b3a;
--color-berry-jam-950: #1c1824;
}SCSS
$berry-jam: #6b5f82;
$berry-jam-rgb: 107, 95, 130;
$berry-jam-light: mix(#fff, $berry-jam, 20%);
$berry-jam-dark: mix(#000, $berry-jam, 20%);
.element {
color: $berry-jam;
box-shadow: 0 0 0 2px rgba($berry-jam, 0.35);
}