Couleur nommée la plus proche · #99AC97
#99AC97
Couleur nommée la plus proche: Copper Patina
#99AC97 (rgb(153 172 151), hsl(114 11% 63%), oklch(0.724 0.037 142.6)) est la plus proche de la couleur nommée Copper Patina. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#99AC97
oklch(0.724 0.037 142.6)
Conversions de couleur
- HEX
- #99ac97
- RGB
- rgb(153 172 151)
- HSL
- hsl(114 11% 63%)
- HWB
- hwb(114 59% 33%)
- OKLCH
- oklch(0.724 0.037 142.6)
- OKLab
- oklab(0.724 -0.029 0.022)
- CIE Lab
- lab(68.42 -9.91 8.5)
- LCH
- lch(68.42 13.05 139.4)
- CMYK
- cmyk(11% 0% 12% 33%)
Teintes · Ombres · Tons
Teintes
- A3B4A1
- ADBCAB
- B7C4B5
- C1CDC0
- CBD5CA
- D5DDD4
- E0E6DF
- EAEEE9
- F4F6F4
Ombres
- 849583
- 707F6F
- 5D695C
- 4A5449
- 384037
- 272D26
- 171B17
- 080B08
- 010101
Tons
- 97A895
- 94A392
- 929F90
- 8F9A8E
- 8D968C
- 8A9189
- 888D87
- 858985
- 838482
Harmonies de couleurs
Complémentaire +180°
- 99AC97
Copper Patina
- B19EB3
≈ Pastel Purple
Analogue -30° +30°
- 99AC97
Copper Patina
- A6A98E
≈ Bud
- 8FAEA3
≈ Donnegal
Triadique +120° +240°
- 99AC97
Copper Patina
- 9AA6BD
≈ Zen Blue
- BC9D9B
≈ Awakening
Complémentaire divisée +150° +210°
- 99AC97
Copper Patina
- A6A2BB
≈ Awaken
- B99DA8
≈ Pinterested
Tétradique +90° +180° +270°
- 99AC97
Copper Patina
- 90AAB9
≈ Windsurf
- B19EB3
≈ Pastel Purple
- B9A091
≈ White Mouse
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.41:1 · APCA Lc 48
Ag
AAASur noir
WCAG 8.70:1 · APCA Lc 54
Meilleure couleur de texte: #000000
WCAG 8.70:1 (AAA) · APCA Lc 54
Contrast pairs
Extraits de code
CSS
:root {
--copper-patina: #99ac97;
--copper-patina-rgb: 153 172 151;
--copper-patina-oklch: oklch(0.724 0.037 142.6);
}
.element {
color: var(--copper-patina);
background-color: hsl(114 11% 63%);
border-color: oklch(0.724 0.037 142.6);
}Tailwind CSS v4
@theme {
--color-copper-patina: #99ac97;
--color-copper-patina-50: #eff8ef;
--color-copper-patina-100: #e1ebe0;
--color-copper-patina-200: #cbd9cb;
--color-copper-patina-300: #acbdac;
--color-copper-patina-400: #92a491;
--color-copper-patina-500: #798d76;
--color-copper-patina-600: #667764;
--color-copper-patina-700: #525f50;
--color-copper-patina-800: #3c463a;
--color-copper-patina-900: #293028;
--color-copper-patina-950: #171c16;
}SCSS
$copper-patina: #99ac97;
$copper-patina-rgb: 153, 172, 151;
$copper-patina-light: mix(#fff, $copper-patina, 20%);
$copper-patina-dark: mix(#000, $copper-patina, 20%);
.element {
color: $copper-patina;
box-shadow: 0 0 0 2px rgba($copper-patina, 0.35);
}