Màu có tên · #6A5C7D
Napa Winery
Napa Winery là #6A5C7D: rgb(106 92 125), hsl(265 15% 43%), oklch(0.501 0.054 303.9). 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.
What does Purple mean? → · Napa Winery color name →
#6A5C7D
oklch(0.501 0.054 303.9)
Chuyển đổi màu
- HEX
- #6a5c7d
- RGB
- rgb(106 92 125)
- HSL
- hsl(265 15% 43%)
- HWB
- hwb(265 36% 51%)
- OKLCH
- oklch(0.501 0.054 303.9)
- OKLab
- oklab(0.501 0.03 -0.045)
- CIE Lab
- lab(41.41 11.15 -16.5)
- LCH
- lch(41.41 19.91 304)
- CMYK
- cmyk(15% 26% 0% 51%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 786B89
- 867A96
- 948AA3
- A39AB0
- B2AABC
- C1BBCA
- D0CBD7
- DFDCE4
- EFEEF1
Sắc đậm
- 5B4F6C
- 4D425B
- 3F364B
- 312A3B
- 241F2C
- 18141E
- 0D0A11
- 040305
- 000001
Sắc xám
- 6C607D
- 6E637E
- 70677E
- 736A7F
- 756E7F
- 77727F
- 79757F
- 7C7980
- 7E7C80
Hòa sắc
Bổ túc +180°
- 6A5C7D
Napa Winery
- 5D6946
≈ Baby Vegetable
Tương đồng -30° +30°
- 6A5C7D
Napa Winery
- 5A6183
≈ Strong Iris
- 775870
≈ Exotic Orchid
Bộ ba +120° +240°
- 6A5C7D
Napa Winery
- 7A5D43
≈ Ridgeline
- 3D6E67
≈ Moonlit Forest
Bổ túc chia +150° +210°
- 6A5C7D
Napa Winery
- 6E633F
≈ Bronze Medal
- 4B6D55
≈ Medium Grey Green
Bộ bốn +90° +180° +270°
- 6A5C7D
Napa Winery
- 7F584F
≈ Wild West
- 5D6946
≈ Baby Vegetable
- 3C6C76
≈ Muddy Cyan
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.10:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.43:1 · APCA Lc 21
Màu chữ tốt nhất: #FFFFFF
WCAG 6.10:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--napa-winery: #6a5c7d;
--napa-winery-rgb: 106 92 125;
--napa-winery-oklch: oklch(0.501 0.054 303.9);
}
.element {
color: var(--napa-winery);
background-color: hsl(265 15% 43%);
border-color: oklch(0.501 0.054 303.9);
}Tailwind CSS v4
@theme {
--color-napa-winery: #6a5c7d;
--color-napa-winery-50: #f9f1ff;
--color-napa-winery-100: #ece4f7;
--color-napa-winery-200: #dacfe7;
--color-napa-winery-300: #beb1ce;
--color-napa-winery-400: #a597b9;
--color-napa-winery-500: #8e7ea4;
--color-napa-winery-600: #786a8a;
--color-napa-winery-700: #60556f;
--color-napa-winery-800: #463e52;
--color-napa-winery-900: #302b39;
--color-napa-winery-950: #1c1824;
}SCSS
$napa-winery: #6a5c7d;
$napa-winery-rgb: 106, 92, 125;
$napa-winery-light: mix(#fff, $napa-winery, 20%);
$napa-winery-dark: mix(#000, $napa-winery, 20%);
.element {
color: $napa-winery;
box-shadow: 0 0 0 2px rgba($napa-winery, 0.35);
}