Nazwany kolor · #5E496A
Bon Vivant
Bon Vivant to #5E496A: rgb(94 73 106), hsl(278 18% 35%), oklch(0.44 0.059 312.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Bon Vivant color name →
#5E496A
oklch(0.44 0.059 312.9)
Konwersje koloru
- HEX
- #5e496a
- RGB
- rgb(94 73 106)
- HSL
- hsl(278 18% 35%)
- HWB
- hwb(278 29% 58%)
- OKLCH
- oklch(0.44 0.059 312.9)
- OKLab
- oklab(0.44 0.04 -0.043)
- CIE Lab
- lab(34.27 14.3 -15.78)
- LCH
- lch(34.27 21.3 312.2)
- CMYK
- cmyk(11% 31% 0% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6D5A78
- 7C6A86
- 8B7C95
- 9B8EA3
- ABA0B2
- BBB2C1
- CCC5D0
- DDD8E0
- EEEBEF
Odcienie ciemniejsze
- 513E5B
- 44344D
- 372A3F
- 2B2031
- 1F1724
- 140E18
- 0A060D
- 030204
- 000000
Tony
- 614E6C
- 65546F
- 685971
- 6C5F73
- 6F6475
- 726A78
- 766F7A
- 79757C
- 7D7A7E
Harmonie kolorów
Komplementarna +180°
- 5E496A
Bon Vivant
- 465A38
≈ Turf
Analogowa -30° +30°
- 5E496A
Bon Vivant
- 4E4E72
≈ Harajuku Girl
- 6A455B
≈ Prune Purple
Triada +120° +240°
- 5E496A
Bon Vivant
- 674D2C
≈ Jungle Beat
- 245D5B
≈ Lacrosse
Komplementarna rozszczepiona +150° +210°
- 5E496A
Bon Vivant
- 59542C
≈ West Coast
- 325D49
≈ Wine Leaf
Tetrada +90° +180° +270°
- 5E496A
Bon Vivant
- 6E4838
≈ Birdhouse Brown
- 465A38
≈ Turf
- 295A6A
≈ Legion Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.96:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.63:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--bon-vivant: #5e496a;
--bon-vivant-rgb: 94 73 106;
--bon-vivant-oklch: oklch(0.44 0.059 312.9);
}
.element {
color: var(--bon-vivant);
background-color: hsl(278 18% 35%);
border-color: oklch(0.44 0.059 312.9);
}Tailwind CSS v4
@theme {
--color-bon-vivant: #5e496a;
--color-bon-vivant-50: #fcf0ff;
--color-bon-vivant-100: #efe2f6;
--color-bon-vivant-200: #decde6;
--color-bon-vivant-300: #c3afcd;
--color-bon-vivant-400: #ab95b8;
--color-bon-vivant-500: #947ba2;
--color-bon-vivant-600: #7d6889;
--color-bon-vivant-700: #64536e;
--color-bon-vivant-800: #493d52;
--color-bon-vivant-900: #332a39;
--color-bon-vivant-950: #1e1723;
}SCSS
$bon-vivant: #5e496a;
$bon-vivant-rgb: 94, 73, 106;
$bon-vivant-light: mix(#fff, $bon-vivant, 20%);
$bon-vivant-dark: mix(#000, $bon-vivant, 20%);
.element {
color: $bon-vivant;
box-shadow: 0 0 0 2px rgba($bon-vivant, 0.35);
}