Couleur nommée la plus proche · #84A190
#84A190
Couleur nommée la plus proche: Parisian Patina
#84A190 (rgb(132 161 144), hsl(145 13% 57%), oklch(0.682 0.041 159.4)) est la plus proche de la couleur nommée Parisian Patina. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#84A190
oklch(0.682 0.041 159.4)
Conversions de couleur
- HEX
- #84a190
- RGB
- rgb(132 161 144)
- HSL
- hsl(145 13% 57%)
- HWB
- hwb(145 52% 37%)
- OKLCH
- oklch(0.682 0.041 159.4)
- OKLab
- oklab(0.682 -0.038 0.014)
- CIE Lab
- lab(63.65 -13.1 5.37)
- LCH
- lch(63.65 14.16 157.7)
- CMYK
- cmyk(18% 0% 11% 37%)
Teintes · Ombres · Tons
Teintes
- 90AA9B
- 9CB3A5
- A8BCB0
- B4C6BB
- C0CFC6
- CDD9D1
- D9E2DD
- E6ECE8
- F2F5F3
Ombres
- 728B7D
- 60766A
- 4F6257
- 3F4E45
- 2F3C34
- 202A24
- 121915
- 060907
- 010101
Tons
- 849E8E
- 839A8D
- 83978B
- 83948A
- 829088
- 828D86
- 828A85
- 818783
- 818382
Harmonies de couleurs
Complémentaire +180°
- 84A190
Parisian Patina
- AB90A1
≈ Mauve Shadows
Analogue -30° +30°
- 84A190
Parisian Patina
- 919E84
≈ Willowbrook Manor
- 7CA19E
≈ Tower Bridge
Triadique +120° +240°
- 84A190
Parisian Patina
- 9397B2
≈ Frosty Nightfall
- B09186
≈ Plush Suede
Complémentaire divisée +150° +210°
- 84A190
Parisian Patina
- A092AC
≈ Compliment
- B08F93
≈ Deauville Mauve
Tétradique +90° +180° +270°
- 84A190
Parisian Patina
- 869BB2
≈ Tsunami
- AB90A1
≈ Mauve Shadows
- AA957E
≈ Adolescent Rodent
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.80:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.48:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--parisian-patina: #84a190;
--parisian-patina-rgb: 132 161 144;
--parisian-patina-oklch: oklch(0.682 0.041 159.4);
}
.element {
color: var(--parisian-patina);
background-color: hsl(145 13% 57%);
border-color: oklch(0.682 0.041 159.4);
}Tailwind CSS v4
@theme {
--color-parisian-patina: #84a190;
--color-parisian-patina-50: #ecf9f1;
--color-parisian-patina-100: #ddece4;
--color-parisian-patina-200: #c6dacf;
--color-parisian-patina-300: #a6beb1;
--color-parisian-patina-400: #8ba696;
--color-parisian-patina-500: #6f8f7d;
--color-parisian-patina-600: #5e796a;
--color-parisian-patina-700: #4b6154;
--color-parisian-patina-800: #37473d;
--color-parisian-patina-900: #25312a;
--color-parisian-patina-950: #141d17;
}SCSS
$parisian-patina: #84a190;
$parisian-patina-rgb: 132, 161, 144;
$parisian-patina-light: mix(#fff, $parisian-patina, 20%);
$parisian-patina-dark: mix(#000, $parisian-patina, 20%);
.element {
color: $parisian-patina;
box-shadow: 0 0 0 2px rgba($parisian-patina, 0.35);
}