Màu có tên gần nhất · #878C5A
#878C5A
Màu có tên gần nhất: Iguana
#878C5A (rgb(135 140 90), hsl(66 22% 45%), oklch(0.623 0.07 113.1)) gần nhất với màu có tên Iguana. 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.
#878C5A
oklch(0.623 0.07 113.1)
Chuyển đổi màu
- HEX
- #878c5a
- RGB
- rgb(135 140 90)
- HSL
- hsl(66 22% 45%)
- HWB
- hwb(66 35% 45%)
- OKLCH
- oklch(0.623 0.07 113.1)
- OKLab
- oklab(0.623 -0.028 0.065)
- CIE Lab
- lab(56.89 -8.07 26.09)
- LCH
- lch(56.89 27.31 107.2)
- CMYK
- cmyk(4% 0% 36% 45%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 92976A
- 9EA27A
- A9AD8A
- B5B99A
- C1C4AB
- CDD0BB
- D9DBCC
- E6E7DD
- F2F3EE
Sắc đậm
- 75794D
- 636741
- 515535
- 414329
- 31331E
- 212313
- 131409
- 060703
- 010100
Sắc xám
- 868B5E
- 858A63
- 858967
- 84876A
- 83866E
- 838572
- 828476
- 818379
- 81817D
Hòa sắc
Bổ túc +180°
- 878C5A
Iguana
- 887FAE
≈ Aster Purple
Tương đồng -30° +30°
- 878C5A
Iguana
- 9C8455
≈ Spacious Plain
- 6E926C
≈ Paying Mantis
Bộ ba +120° +240°
- 878C5A
Iguana
- 5A8FAB
≈ Blue Persia
- A9768B
≈ Cipher
Bổ túc chia +150° +210°
- 878C5A
Iguana
- 7187B2
≈ Kimono
- 9C79A0
≈ Divine
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 3.54:1 · APCA Lc 63
Ag
AATrên nền đen
WCAG 5.92:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--iguana: #878c5a;
--iguana-rgb: 135 140 90;
--iguana-oklch: oklch(0.623 0.07 113.1);
}
.element {
color: var(--iguana);
background-color: hsl(66 22% 45%);
border-color: oklch(0.623 0.07 113.1);
}Tailwind CSS v4
@theme {
--color-iguana: #878c5a;
--color-iguana-50: #f4f8e1;
--color-iguana-100: #e7ebd1;
--color-iguana-200: #d3d8b7;
--color-iguana-300: #b6bc93;
--color-iguana-400: #9ea373;
--color-iguana-500: #868b54;
--color-iguana-600: #717648;
--color-iguana-700: #5b5e39;
--color-iguana-800: #434528;
--color-iguana-900: #2e301b;
--color-iguana-950: #1b1c0b;
}SCSS
$iguana: #878c5a;
$iguana-rgb: 135, 140, 90;
$iguana-light: mix(#fff, $iguana, 20%);
$iguana-dark: mix(#000, $iguana, 20%);
.element {
color: $iguana;
box-shadow: 0 0 0 2px rgba($iguana, 0.35);
}