Màu có tên gần nhất · #AEAF82
#AEAF82
Màu có tên gần nhất: Cardamom
#AEAF82 (rgb(174 175 130), hsl(61 22% 60%), oklch(0.742 0.061 108.9)) gần nhất với màu có tên Cardamom. 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.
#AEAF82
oklch(0.742 0.061 108.9)
Chuyển đổi màu
- HEX
- #aeaf82
- RGB
- rgb(174 175 130)
- HSL
- hsl(61 22% 60%)
- HWB
- hwb(61 51% 31%)
- OKLCH
- oklch(0.742 0.061 108.9)
- OKLab
- oklab(0.742 -0.02 0.058)
- CIE Lab
- lab(70.53 -5.87 23.06)
- LCH
- lch(70.53 23.8 104.3)
- CMYK
- cmyk(1% 0% 26% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B6B78E
- BEBF9B
- C6C7A7
- CECFB3
- D6D7C0
- DEDFCC
- E6E7D9
- EEEFE5
- F7F7F2
Sắc đậm
- 979870
- 80815F
- 6A6B4E
- 55563E
- 41412F
- 2E2E20
- 1C1C12
- 0B0B06
- 010101
Sắc xám
- A9AA82
- A5A582
- A0A182
- 9B9C82
- 979782
- 929382
- 8D8E81
- 898981
- 848581
Hòa sắc
Bổ túc +180°
- AEAF82
Cardamom
- A9A6D0
≈ Monastic
Tương đồng -30° +30°
- AEAF82
Cardamom
- C1A780
≈ Pocket Watch
- 98B590
≈ Basilisk
Bộ ba +120° +240°
- AEAF82
Cardamom
- 83B3CB
≈ Batch Blue
- CA9CB2
≈ Lady’s Cushions Pink
Bổ túc chia +150° +210°
- AEAF82
Cardamom
- 94ADD3
≈ Lazy Day
- BC9FC4
≈ Lupine
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.26:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.25:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.25:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--cardamom: #aeaf82;
--cardamom-rgb: 174 175 130;
--cardamom-oklch: oklch(0.742 0.061 108.9);
}
.element {
color: var(--cardamom);
background-color: hsl(61 22% 60%);
border-color: oklch(0.742 0.061 108.9);
}Tailwind CSS v4
@theme {
--color-cardamom: #aeaf82;
--color-cardamom-50: #f5f7e3;
--color-cardamom-100: #e8ead3;
--color-cardamom-200: #d5d7b9;
--color-cardamom-300: #b8bb97;
--color-cardamom-400: #a1a278;
--color-cardamom-500: #898a59;
--color-cardamom-600: #74754c;
--color-cardamom-700: #5d5d3d;
--color-cardamom-800: #45442b;
--color-cardamom-900: #2f2f1d;
--color-cardamom-950: #1c1b0d;
}SCSS
$cardamom: #aeaf82;
$cardamom-rgb: 174, 175, 130;
$cardamom-light: mix(#fff, $cardamom, 20%);
$cardamom-dark: mix(#000, $cardamom, 20%);
.element {
color: $cardamom;
box-shadow: 0 0 0 2px rgba($cardamom, 0.35);
}