Màu có tên gần nhất · #516A4B
#516A4B
Màu có tên gần nhất: Cactus
#516A4B (rgb(81 106 75), hsl(108 17% 35%), oklch(0.495 0.057 139.6)) gần nhất với màu có tên Cactus. 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.
#516A4B
oklch(0.495 0.057 139.6)
Chuyển đổi màu
- HEX
- #516a4b
- RGB
- rgb(81 106 75)
- HSL
- hsl(108 17% 35%)
- HWB
- hwb(108 29% 58%)
- OKLCH
- oklch(0.495 0.057 139.6)
- OKLab
- oklab(0.495 -0.043 0.037)
- CIE Lab
- lab(42.14 -14.55 14.33)
- LCH
- lch(42.14 20.43 135.4)
- CMYK
- cmyk(24% 0% 29% 58%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 61785B
- 71866C
- 82947E
- 93A38F
- A4B2A1
- B6C1B3
- C8D0C6
- DAE0D9
- ECEFEC
Sắc đậm
- 455B40
- 3A4D35
- 2F3F2B
- 243121
- 1A2417
- 10180E
- 070D06
- 020402
- 000000
Sắc xám
- 566C50
- 5A6E56
- 5F715B
- 647360
- 697565
- 6D776B
- 727A70
- 777C75
- 7B7E7B
Hòa sắc
Bổ túc +180°
- 516A4B
Cactus
- 705876
≈ Trixter
Tương đồng -30° +30°
- 516A4B
Cactus
- 64653E
≈ Aloe Leaf
- 3F6C5D
≈ Smoke Pine
Bộ ba +120° +240°
- 516A4B
Cactus
- 4F6382
≈ Admiral Blue
- 7F5555
≈ Lampoon
Bổ túc chia +150° +210°
- 516A4B
Cactus
- 615D80
≈ Strong Iris
- 7B5567
≈ Passive Royal
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.97:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.51:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 5.97:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--cactus: #516a4b;
--cactus-rgb: 81 106 75;
--cactus-oklch: oklch(0.495 0.057 139.6);
}
.element {
color: var(--cactus);
background-color: hsl(108 17% 35%);
border-color: oklch(0.495 0.057 139.6);
}Tailwind CSS v4
@theme {
--color-cactus: #516a4b;
--color-cactus-50: #edfaeb;
--color-cactus-100: #deeddc;
--color-cactus-200: #c7dbc4;
--color-cactus-300: #a8bfa4;
--color-cactus-400: #8da787;
--color-cactus-500: #73906c;
--color-cactus-600: #617a5b;
--color-cactus-700: #4e6149;
--color-cactus-800: #394734;
--color-cactus-900: #273123;
--color-cactus-950: #151d12;
}SCSS
$cactus: #516a4b;
$cactus-rgb: 81, 106, 75;
$cactus-light: mix(#fff, $cactus, 20%);
$cactus-dark: mix(#000, $cactus, 20%);
.element {
color: $cactus;
box-shadow: 0 0 0 2px rgba($cactus, 0.35);
}