Couleur nommée la plus proche · #D0C871
#D0C871
Couleur nommée la plus proche: Muted Lime
#D0C871 (rgb(208 200 113), hsl(55 50% 63%), oklch(0.821 0.109 103.9)) 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.
#D0C871
oklch(0.821 0.109 103.9)
Conversions de couleur
- HEX
- #d0c871
- RGB
- rgb(208 200 113)
- HSL
- hsl(55 50% 63%)
- HWB
- hwb(55 44% 18%)
- OKLCH
- oklch(0.821 0.109 103.9)
- OKLab
- oklab(0.821 -0.026 0.106)
- CIE Lab
- lab(79.86 -5.94 44.27)
- LCH
- lch(79.86 44.67 97.6)
- CMYK
- cmyk(0% 4% 46% 18%)
Teintes · Ombres · Tons
Teintes
- D5CE81
- D9D38F
- DED99E
- E2DEAC
- E7E4BA
- ECE9C8
- F0EFD6
- F5F4E4
- FAFAF1
Ombres
- B5AE61
- 9A9452
- 807B43
- 676335
- 4F4C27
- 39361A
- 23210E
- 100F04
- 020201
Tons
- C8C174
- BFB977
- B7B279
- AFAB7B
- A7A47C
- 9F9D7D
- 97957E
- 8F8E7F
- 888780
Harmonies de couleurs
Complémentaire +180°
- D0C871
Muted Lime
- BCBDFF
≈ Dried Lilac
Analogue -30° +30°
- D0C871
Muted Lime
- EFBA71
≈ Pineapple Cake
- A7D48B
≈ Nature’s Delight
Triadique +120° +240°
- D0C871
Muted Lime
- 6CD4F9
≈ Heisenberg Blue
- F7A8D6
≈ Corinthian Pink
Complémentaire divisée +150° +210°
- D0C871
Muted Lime
- 9BC8FF
≈ Apocyan
- DEAFF6
≈ Mauve
Tétradique +90° +180° +270°
- D0C871
Muted Lime
- 5FDBD9
≈ Hammam Blue
- BCBDFF
≈ Dried Lilac
- FFA9B0
≈ Apricot Haze
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.72:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.18:1 · APCA Lc 72
Meilleure couleur de texte: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--muted-lime: #d0c871;
--muted-lime-rgb: 208 200 113;
--muted-lime-oklch: oklch(0.821 0.109 103.9);
}
.element {
color: var(--muted-lime);
background-color: hsl(55 50% 63%);
border-color: oklch(0.821 0.109 103.9);
}Tailwind CSS v4
@theme {
--color-muted-lime: #d0c871;
--color-muted-lime-50: #f9f8d4;
--color-muted-lime-100: #ecebc1;
--color-muted-lime-200: #dad8a1;
--color-muted-lime-300: #bebb78;
--color-muted-lime-400: #a9a250;
--color-muted-lime-500: #93891f;
--color-muted-lime-600: #7c741e;
--color-muted-lime-700: #635d18;
--color-muted-lime-800: #4a430e;
--color-muted-lime-900: #332f09;
--color-muted-lime-950: #1f1b00;
}SCSS
$muted-lime: #d0c871;
$muted-lime-rgb: 208, 200, 113;
$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);
}