Nazwany kolor · #6A5C7D
Napa Winery
Napa Winery to #6A5C7D: rgb(106 92 125), hsl(265 15% 43%), oklch(0.501 0.054 303.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Napa Winery color name →
#6A5C7D
oklch(0.501 0.054 303.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 786B89
- 867A96
- 948AA3
- A39AB0
- B2AABC
- C1BBCA
- D0CBD7
- DFDCE4
- EFEEF1
Odcienie ciemniejsze
- 5B4F6C
- 4D425B
- 3F364B
- 312A3B
- 241F2C
- 18141E
- 0D0A11
- 040305
- 000001
Tony
- 6C607D
- 6E637E
- 70677E
- 736A7F
- 756E7F
- 77727F
- 79757F
- 7C7980
- 7E7C80
Harmonie kolorów
Komplementarna +180°
- 6A5C7D
Napa Winery
- 5D6946
≈ Baby Vegetable
Analogowa -30° +30°
- 6A5C7D
Napa Winery
- 5A6183
≈ Strong Iris
- 775870
≈ Exotic Orchid
Triada +120° +240°
- 6A5C7D
Napa Winery
- 7A5D43
≈ Ridgeline
- 3D6E67
≈ Moonlit Forest
Komplementarna rozszczepiona +150° +210°
- 6A5C7D
Napa Winery
- 6E633F
≈ Bronze Medal
- 4B6D55
≈ Medium Grey Green
Tetrada +90° +180° +270°
- 6A5C7D
Napa Winery
- 7F584F
≈ Wild West
- 5D6946
≈ Baby Vegetable
- 3C6C76
≈ Muddy Cyan
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.10:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.43:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.10:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
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);
}