Couleur nommée la plus proche · #A4BEA8
#A4BEA8
Couleur nommée la plus proche: Copper Patina
#A4BEA8 (rgb(164 190 168), hsl(129 17% 69%), oklch(0.776 0.042 149.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.
#A4BEA8
oklch(0.776 0.042 149.6)
Conversions de couleur
- HEX
- #a4bea8
- RGB
- rgb(164 190 168)
- HSL
- hsl(129 17% 69%)
- HWB
- hwb(129 64% 25%)
- OKLCH
- oklch(0.776 0.042 149.6)
- OKLab
- oklab(0.776 -0.036 0.021)
- CIE Lab
- lab(74.54 -12.38 8.04)
- LCH
- lch(74.54 14.76 147)
- CMYK
- cmyk(14% 0% 12% 25%)
Teintes · Ombres · Tons
Teintes
- ADC4B0
- B6CBB9
- BFD1C1
- C8D8CA
- D1DED3
- DAE5DC
- E3EBE4
- ECF2ED
- F6F8F6
Ombres
- 8EA592
- 798C7C
- 647567
- 505E52
- 3D483F
- 2B332C
- 1A1F1A
- 0A0D0A
- 010201
Tons
- A0B8A4
- 9DB1A0
- 99AB9C
- 96A598
- 929F94
- 8E9890
- 8B928C
- 878C88
- 848684
Harmonies de couleurs
Complémentaire +180°
- A4BEA8
Copper Patina
- C6ADC3
≈ Heather Feather
Analogue -30° +30°
- A4BEA8
Copper Patina
- B2BA9D
≈ Foille
- 9ABFB7
≈ Shadow Green
Triadique +120° +240°
- A4BEA8
Copper Patina
- ABB5D2
≈ Lilac Sachet
- D0ADA7
≈ Lime Hawk Moth
Complémentaire divisée +150° +210°
- A4BEA8
Copper Patina
- BAB1CE
≈ Petunia Trail
- CEABB5
≈ Sugarplum Dance
Tétradique +90° +180° +270°
- A4BEA8
Copper Patina
- 9EBACF
≈ Stretch of Water
- C6ADC3
≈ Heather Feather
- CBB09C
≈ Practical Beige
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.99:1 · APCA Lc 39
Ag
AAASur noir
WCAG 10.50:1 · APCA Lc 64
Meilleure couleur de texte: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
Extraits de code
CSS
:root {
--copper-patina: #a4bea8;
--copper-patina-rgb: 164 190 168;
--copper-patina-oklch: oklch(0.776 0.042 149.6);
}
.element {
color: var(--copper-patina);
background-color: hsl(129 17% 69%);
border-color: oklch(0.776 0.042 149.6);
}Tailwind CSS v4
@theme {
--color-copper-patina: #a4bea8;
--color-copper-patina-50: #edf9ef;
--color-copper-patina-100: #deece1;
--color-copper-patina-200: #c8dacb;
--color-copper-patina-300: #a8bead;
--color-copper-patina-400: #8ea691;
--color-copper-patina-500: #738e77;
--color-copper-patina-600: #627865;
--color-copper-patina-700: #4e6051;
--color-copper-patina-800: #39473a;
--color-copper-patina-900: #273128;
--color-copper-patina-950: #151d16;
}SCSS
$copper-patina: #a4bea8;
$copper-patina-rgb: 164, 190, 168;
$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);
}