Couleur nommée la plus proche · #69A055
#69A055
Couleur nommée la plus proche: Muted Green
#69A055 (rgb(105 160 85), hsl(104 31% 48%), oklch(0.649 0.121 137.8)) est la plus proche de la couleur nommée Muted Green. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#69A055
oklch(0.649 0.121 137.8)
Conversions de couleur
- HEX
- #69a055
- RGB
- rgb(105 160 85)
- HSL
- hsl(104 31% 48%)
- HWB
- hwb(104 33% 37%)
- OKLCH
- oklch(0.649 0.121 137.8)
- OKLab
- oklab(0.649 -0.089 0.081)
- CIE Lab
- lab(60.69 -29.74 32.93)
- LCH
- lch(60.69 44.37 132.1)
- CMYK
- cmyk(34% 0% 47% 37%)
Teintes · Ombres · Tons
Teintes
- 78A966
- 87B377
- 95BC88
- A4C699
- B3CFA9
- C2D9BA
- D1E2CB
- E0ECDC
- F0F5EE
Ombres
- 5A8B49
- 4C763D
- 3E6131
- 314E26
- 243B1C
- 182911
- 0C1908
- 040902
- 000100
Tons
- 6C9D5A
- 6F9A5F
- 719764
- 749469
- 76916D
- 788D71
- 7A8A75
- 7C8779
- 7E837C
Harmonies de couleurs
Complémentaire +180°
- 69A055
Muted Green
- AD76BF
≈ Wisteria
Analogue -30° +30°
- 69A055
Muted Green
- 97942F
≈ Art Nouveau Green
- 29A680
≈ Gumdrop Green
Triadique +120° +240°
- 69A055
Muted Green
- 5F90D8
≈ Little Boy Blue
- CE6E73
≈ Trout Pout
Complémentaire divisée +150° +210°
- 69A055
Muted Green
- 8C82D4
≈ Indigo Bloom
- C46F9C
≈ Fuchsia Kiss
Tétradique +90° +180° +270°
- 69A055
Muted Green
- 1B9CC8
≈ Blue Ocean
- AD76BF
≈ Wisteria
- CA764A
≈ Garnet Sand
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.10:1 · APCA Lc 58
Ag
AASur noir
WCAG 6.76:1 · APCA Lc 44
Meilleure couleur de texte: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
Extraits de code
CSS
:root {
--muted-green: #69a055;
--muted-green-rgb: 105 160 85;
--muted-green-oklch: oklch(0.649 0.121 137.8);
}
.element {
color: var(--muted-green);
background-color: hsl(104 31% 48%);
border-color: oklch(0.649 0.121 137.8);
}Tailwind CSS v4
@theme {
--color-muted-green: #69a055;
--color-muted-green-50: #e4fede;
--color-muted-green-100: #d3f2cc;
--color-muted-green-200: #bae1b0;
--color-muted-green-300: #97c78c;
--color-muted-green-400: #7aaf68;
--color-muted-green-500: #5c9845;
--color-muted-green-600: #4e813b;
--color-muted-green-700: #3e672f;
--color-muted-green-800: #2e4c1f;
--color-muted-green-900: #1f3414;
--color-muted-green-950: #0f2006;
}SCSS
$muted-green: #69a055;
$muted-green-rgb: 105, 160, 85;
$muted-green-light: mix(#fff, $muted-green, 20%);
$muted-green-dark: mix(#000, $muted-green, 20%);
.element {
color: $muted-green;
box-shadow: 0 0 0 2px rgba($muted-green, 0.35);
}