Màu có tên gần nhất · #A2BDAB
#A2BDAB
Màu có tên gần nhất: Copper Patina
#A2BDAB (rgb(162 189 171), hsl(140 17% 69%), oklch(0.773 0.039 156.2)) gần nhất với màu có tên Copper Patina. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#A2BDAB
oklch(0.773 0.039 156.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ABC3B3
- B4CABB
- BDD0C4
- C7D7CC
- D0DED4
- D9E4DD
- E3EBE5
- ECF2EE
- F5F8F6
Sắc đậm
- 8CA494
- 778C7E
- 637468
- 4F5D54
- 3C4740
- 2A332D
- 191F1B
- 0A0D0B
- 010201
Sắc xám
- 9FB7A7
- 9BB1A2
- 98AA9E
- 94A49A
- 919E95
- 8E9891
- 8A928D
- 878C88
- 838684
Hòa sắc
Bổ túc +180°
- A2BDAB
Copper Patina
- C6ACBF
≈ Lavish Lavender
Tương đồng -30° +30°
- A2BDAB
Copper Patina
- AFBAA0
≈ Foille
- 9ABEB9
≈ Nursery Wall
Bộ ba +120° +240°
- A2BDAB
Copper Patina
- AEB4CF
≈ Hundred Waters
- CCADA4
≈ Lime Hawk Moth
Bổ túc chia +150° +210°
- A2BDAB
Copper Patina
- BBAFC9
≈ Violet Bouquet
- CCABB1
≈ Sugarplum Dance
Bộ bốn +90° +180° +270°
- A2BDAB
Copper Patina
- A2B8CD
≈ Blue Garter
- C6ACBF
≈ Lavish Lavender
- C7B19C
≈ Practical Beige
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.01:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.40:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.40:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
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);
}