Couleur nommée la plus proche · #5F5B7D
#5F5B7D
Couleur nommée la plus proche: Berry Jam
#5F5B7D (rgb(95 91 125), hsl(247 16% 42%), oklch(0.488 0.054 289.6)) 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.
#5F5B7D
oklch(0.488 0.054 289.6)
Conversions de couleur
- HEX
- #5f5b7d
- RGB
- rgb(95 91 125)
- HSL
- hsl(247 16% 42%)
- HWB
- hwb(247 36% 51%)
- OKLCH
- oklch(0.488 0.054 289.6)
- OKLab
- oklab(0.488 0.018 -0.051)
- CIE Lab
- lab(40.06 7.65 -18.66)
- LCH
- lch(40.06 20.17 292.3)
- CMYK
- cmyk(24% 27% 0% 51%)
Teintes · Ombres · Tons
Teintes
- 6E6A89
- 7C7A96
- 8C89A3
- 9B99B0
- ABAABD
- BBBACA
- CCCBD7
- DDDCE4
- EEEDF2
Ombres
- 524E6C
- 44415B
- 38354B
- 2C293B
- 201E2C
- 15131E
- 0A0911
- 030305
- 000001
Tons
- 625F7D
- 65627E
- 69667E
- 6C6A7F
- 6F6E7F
- 72717F
- 767580
- 797980
- 7D7C80
Harmonies de couleurs
Complémentaire +180°
- 5F5B7D
Berry Jam
- 62633E
≈ Wood’s Creek
Analogue -30° +30°
- 5F5B7D
Berry Jam
- 4E617F
≈ Sapphire Earbobs
- 6E5673
≈ Trixter
Triadique +120° +240°
- 5F5B7D
Berry Jam
- 795744
≈ Wild Bill Brown
- 3F6A5B
≈ June Ivy
Complémentaire divisée +150° +210°
- 5F5B7D
Berry Jam
- 705D3C
≈ Muddy River
- 50684A
≈ Garden Cucumber
Tétradique +90° +180° +270°
- 5F5B7D
Berry Jam
- 7C5453
≈ Cranberry Red
- 62633E
≈ Wood’s Creek
- 37696C
≈ Aquarium
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.40:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.27:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.40:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--berry-jam: #5f5b7d;
--berry-jam-rgb: 95 91 125;
--berry-jam-oklch: oklch(0.488 0.054 289.6);
}
.element {
color: var(--berry-jam);
background-color: hsl(247 16% 42%);
border-color: oklch(0.488 0.054 289.6);
}Tailwind CSS v4
@theme {
--color-berry-jam: #5f5b7d;
--color-berry-jam-50: #f5f3ff;
--color-berry-jam-100: #e8e5f9;
--color-berry-jam-200: #d4d1ea;
--color-berry-jam-300: #b7b3d2;
--color-berry-jam-400: #9d9abd;
--color-berry-jam-500: #8581a8;
--color-berry-jam-600: #706d8e;
--color-berry-jam-700: #5a5772;
--color-berry-jam-800: #414054;
--color-berry-jam-900: #2d2c3b;
--color-berry-jam-950: #1a1925;
}SCSS
$berry-jam: #5f5b7d;
$berry-jam-rgb: 95, 91, 125;
$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);
}