Couleur nommée la plus proche · #6D6086
#6D6086
Couleur nommée la plus proche: Berry Jam
#6D6086 (rgb(109 96 134), hsl(261 17% 45%), oklch(0.516 0.061 300)) est la plus proche de la couleur nommée Berry Jam. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#6D6086
oklch(0.516 0.061 300)
Conversions de couleur
- HEX
- #6d6086
- RGB
- rgb(109 96 134)
- HSL
- hsl(261 17% 45%)
- HWB
- hwb(261 38% 47%)
- OKLCH
- oklch(0.516 0.061 300)
- OKLab
- oklab(0.516 0.03 -0.053)
- CIE Lab
- lab(43.11 11.6 -19.3)
- LCH
- lch(43.11 22.52 301)
- CMYK
- cmyk(19% 28% 0% 47%)
Teintes · Ombres · Tons
Teintes
- 7A6F92
- 887E9E
- 968DA9
- A59DB5
- B3ACC1
- C2BDCE
- D1CDDA
- E0DDE6
- EFEEF3
Ombres
- 5E5274
- 4F4562
- 413851
- 332C40
- 262030
- 191521
- 0D0A13
- 040306
- 010001
Tons
- 6F6386
- 716785
- 736A85
- 746D84
- 767084
- 787383
- 7A7782
- 7C7A82
- 7E7D81
Harmonies de couleurs
Complémentaire +180°
- 6D6086
Berry Jam
- 636D45
≈ Pandanus
Analogue -30° +30°
- 6D6086
Berry Jam
- 5A668B
≈ Champion Blue
- 7C5B79
≈ Gala Ball
Triadique +120° +240°
- 6D6086
Berry Jam
- 826044
≈ Man Cave
- 3D7369
≈ Imperial Dynasty
Complémentaire divisée +150° +210°
- 6D6086
Berry Jam
- 75663E
≈ Nutria
- 4E7255
≈ Green Valley
Tétradique +90° +180° +270°
- 6D6086
Berry Jam
- 875B53
≈ Red Willow
- 636D45
≈ Pandanus
- 39727B
≈ Grand Rapids
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.72:1 · APCA Lc 79
Ag
FailSur noir
WCAG 3.66:1 · APCA Lc 23
Meilleure couleur de texte: #FFFFFF
WCAG 5.72:1 (AA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--berry-jam: #6d6086;
--berry-jam-rgb: 109 96 134;
--berry-jam-oklch: oklch(0.516 0.061 300);
}
.element {
color: var(--berry-jam);
background-color: hsl(261 17% 45%);
border-color: oklch(0.516 0.061 300);
}Tailwind CSS v4
@theme {
--color-berry-jam: #6d6086;
--color-berry-jam-50: #f8f1ff;
--color-berry-jam-100: #ebe4f9;
--color-berry-jam-200: #d9cfeb;
--color-berry-jam-300: #bdb1d2;
--color-berry-jam-400: #a497be;
--color-berry-jam-500: #8c7da9;
--color-berry-jam-600: #776a8f;
--color-berry-jam-700: #5f5572;
--color-berry-jam-800: #453e55;
--color-berry-jam-900: #2f2b3b;
--color-berry-jam-950: #1c1825;
}SCSS
$berry-jam: #6d6086;
$berry-jam-rgb: 109, 96, 134;
$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);
}