Cor nomeada mais próxima · #A2BDAB
#A2BDAB
Cor nomeada mais próxima: Copper Patina
#A2BDAB (rgb(162 189 171), hsl(140 17% 69%), oklch(0.773 0.039 156.2)) é mais próxima da cor nomeada Copper Patina. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A2BDAB
oklch(0.773 0.039 156.2)
Conversões de cor
- HEX
- #a2bdab
- RGB
- rgb(162 189 171)
- HSL
- hsl(140 17% 69%)
- HWB
- hwb(140 64% 26%)
- OKLCH
- oklch(0.773 0.039 156.2)
- OKLab
- oklab(0.773 -0.036 0.016)
- CIE Lab
- lab(74.18 -12.19 5.9)
- LCH
- lch(74.18 13.54 154.2)
- CMYK
- cmyk(14% 0% 10% 26%)
Tons claros · Sombras · Tons
Tons claros
- ABC3B3
- B4CABB
- BDD0C4
- C7D7CC
- D0DED4
- D9E4DD
- E3EBE5
- ECF2EE
- F5F8F6
Sombras
- 8CA494
- 778C7E
- 637468
- 4F5D54
- 3C4740
- 2A332D
- 191F1B
- 0A0D0B
- 010201
Tons
- 9FB7A7
- 9BB1A2
- 98AA9E
- 94A49A
- 919E95
- 8E9891
- 8A928D
- 878C88
- 838684
Harmonias de cor
Complementar +180°
- A2BDAB
Copper Patina
- C6ACBF
≈ Lavish Lavender
Análoga -30° +30°
- A2BDAB
Copper Patina
- AFBAA0
≈ Foille
- 9ABEB9
≈ Nursery Wall
Tríade +120° +240°
- A2BDAB
Copper Patina
- AEB4CF
≈ Hundred Waters
- CCADA4
≈ Lime Hawk Moth
Complementar dividida +150° +210°
- A2BDAB
Copper Patina
- BBAFC9
≈ Violet Bouquet
- CCABB1
≈ Sugarplum Dance
Tétrade +90° +180° +270°
- A2BDAB
Copper Patina
- A2B8CD
≈ Blue Garter
- C6ACBF
≈ Lavish Lavender
- C7B19C
≈ Practical Beige
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASobre preto
WCAG 10.40:1 · APCA Lc 63
Melhor cor de texto: #000000
WCAG 10.40:1 (AAA) · APCA Lc 63
Contrast pairs
Trechos de código
CSS
:root {
--copper-patina: #a2bdab;
--copper-patina-rgb: 162 189 171;
--copper-patina-oklch: oklch(0.773 0.039 156.2);
}
.element {
color: var(--copper-patina);
background-color: hsl(140 17% 69%);
border-color: oklch(0.773 0.039 156.2);
}Tailwind CSS v4
@theme {
--color-copper-patina: #a2bdab;
--color-copper-patina-50: #ecf9f1;
--color-copper-patina-100: #deece3;
--color-copper-patina-200: #c7dace;
--color-copper-patina-300: #a8beb0;
--color-copper-patina-400: #8da695;
--color-copper-patina-500: #728e7c;
--color-copper-patina-600: #607869;
--color-copper-patina-700: #4d6054;
--color-copper-patina-800: #38473c;
--color-copper-patina-900: #263129;
--color-copper-patina-950: #151d17;
}SCSS
$copper-patina: #a2bdab;
$copper-patina-rgb: 162, 189, 171;
$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);
}