Couleur nommée la plus proche · #C5BF79
#C5BF79
Couleur nommée la plus proche: Muted Lime
#C5BF79 (rgb(197 191 121), hsl(55 40% 62%), oklch(0.794 0.091 104)) est la plus proche de la couleur nommée Muted Lime. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C5BF79
oklch(0.794 0.091 104)
Conversions de couleur
- HEX
- #c5bf79
- RGB
- rgb(197 191 121)
- HSL
- hsl(55 40% 62%)
- HWB
- hwb(55 47% 23%)
- OKLCH
- oklch(0.794 0.091 104)
- OKLab
- oklab(0.794 -0.022 0.088)
- CIE Lab
- lab(76.64 -5.39 36.09)
- LCH
- lch(76.64 36.49 98.5)
- CMYK
- cmyk(0% 3% 39% 23%)
Teintes · Ombres · Tons
Teintes
- CBC587
- D0CC95
- D6D2A2
- DCD9AF
- E1DFBD
- E7E5CA
- EDECD7
- F3F2E4
- F9F9F2
Ombres
- ABA668
- 928D58
- 797548
- 615E39
- 4B482B
- 35331D
- 211F10
- 0E0D05
- 020201
Tons
- BEB97B
- B7B27C
- B0AC7D
- A9A67E
- A29F7F
- 9B997F
- 949380
- 8D8C80
- 878680
Harmonies de couleurs
Complémentaire +180°
- C5BF79
Muted Lime
- B4B4F5
≈ Purple Illusion
Analogue -30° +30°
- C5BF79
Muted Lime
- DFB379
≈ High Plateau
- A4C98D
≈ Venerable Verde
Triadique +120° +240°
- C5BF79
Muted Lime
- 77C9E7
≈ Bliss Blue
- E6A4CA
≈ Prettiest Pink
Complémentaire divisée +150° +210°
- C5BF79
Muted Lime
- 93BFF5
≈ Sail to the Sea
- D1ABE5
≈ Tropical Violet
Tétradique +90° +180° +270°
- C5BF79
Muted Lime
- 6ECECD
≈ Tropical Splash
- B4B4F5
≈ Purple Illusion
- F0A4AA
≈ Pinque
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.89:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.10:1 · APCA Lc 67
Meilleure couleur de texte: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
Extraits de code
CSS
:root {
--muted-lime: #c5bf79;
--muted-lime-rgb: 197 191 121;
--muted-lime-oklch: oklch(0.794 0.091 104);
}
.element {
color: var(--muted-lime);
background-color: hsl(55 40% 62%);
border-color: oklch(0.794 0.091 104);
}Tailwind CSS v4
@theme {
--color-muted-lime: #c5bf79;
--color-muted-lime-50: #f8f7da;
--color-muted-lime-100: #ebeac8;
--color-muted-lime-200: #d9d7ab;
--color-muted-lime-300: #bdbb84;
--color-muted-lime-400: #a7a160;
--color-muted-lime-500: #90893b;
--color-muted-lime-600: #7a7433;
--color-muted-lime-700: #625d29;
--color-muted-lime-800: #49431b;
--color-muted-lime-900: #322f12;
--color-muted-lime-950: #1e1b04;
}SCSS
$muted-lime: #c5bf79;
$muted-lime-rgb: 197, 191, 121;
$muted-lime-light: mix(#fff, $muted-lime, 20%);
$muted-lime-dark: mix(#000, $muted-lime, 20%);
.element {
color: $muted-lime;
box-shadow: 0 0 0 2px rgba($muted-lime, 0.35);
}