Màu có tên gần nhất · #6B5F82
#6B5F82
Màu có tên gần nhất: Berry Jam
#6B5F82 (rgb(107 95 130), hsl(261 16% 44%), oklch(0.51 0.056 300.1)) gần nhất với màu có tên Berry Jam. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#6B5F82
oklch(0.51 0.056 300.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 796E8E
- 877D9A
- 958CA6
- A39CB3
- B2ACBF
- C1BCCC
- D0CCD8
- E0DDE5
- EFEEF2
Sắc đậm
- 5C5270
- 4E445F
- 3F384E
- 322C3E
- 25202F
- 181520
- 0D0A12
- 040306
- 000001
Sắc xám
- 6D6282
- 6F6682
- 716982
- 736C82
- 757081
- 777381
- 7A7681
- 7C7981
- 7E7D80
Hòa sắc
Bổ túc +180°
- 6B5F82
Berry Jam
- 626B46
≈ Olive Branch
Tương đồng -30° +30°
- 6B5F82
Berry Jam
- 596587
≈ Enduring
- 795B76
≈ Gala Ball
Bộ ba +120° +240°
- 6B5F82
Berry Jam
- 7E5F45
≈ Rodeo
- 3F7167
≈ Cormorant
Bổ túc chia +150° +210°
- 6B5F82
Berry Jam
- 736540
≈ Nutria
- 4F7055
≈ Green Bayou
Bộ bốn +90° +180° +270°
- 6B5F82
Berry Jam
- 835A53
≈ Red Willow
- 626B46
≈ Olive Branch
- 3C6F78
≈ Peabody
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.85:1 · APCA Lc 79
Ag
FailTrên nền đen
WCAG 3.58:1 · APCA Lc 23
Màu chữ tốt nhất: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
Đoạn mã
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);
}