Màu có tên gần nhất · #5E5625
#5E5625
Màu có tên gần nhất: Reptile Revenge
#5E5625 (rgb(94 86 37), hsl(52 44% 26%), oklch(0.45 0.069 100.2)) gần nhất với màu có tên Reptile Revenge. 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.
#5E5625
oklch(0.45 0.069 100.2)
Chuyển đổi màu
- HEX
- #5e5625
- RGB
- rgb(94 86 37)
- HSL
- hsl(52 44% 26%)
- HWB
- hwb(52 15% 63%)
- OKLCH
- oklch(0.45 0.069 100.2)
- OKLab
- oklab(0.45 -0.012 0.068)
- CIE Lab
- lab(36.51 -1.81 29.19)
- LCH
- lch(36.51 29.24 93.5)
- CMYK
- cmyk(0% 9% 61% 63%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6D663A
- 7C754F
- 8B8664
- 9B9679
- ABA78E
- BBB8A4
- CCC9BA
- DDDBD1
- EEEDE8
Sắc đậm
- 514A1F
- 443E19
- 373213
- 2B270D
- 1F1C08
- 141204
- 0A0802
- 030200
- 000000
Sắc xám
- 615A2F
- 655E39
- 686342
- 6B674B
- 6F6B54
- 726F5D
- 757366
- 79786E
- 7C7C77
Hòa sắc
Bổ túc +180°
- 5E5625
Reptile Revenge
- 4E517B
≈ Provocative
Tương đồng -30° +30°
- 5E5625
Reptile Revenge
- 6E4E27
≈ Wagon Train
- 485D33
≈ Woodman
Bộ ba +120° +240°
- 5E5625
Reptile Revenge
- 1E5E70
≈ Deep Blue Sea
- 6F4661
≈ Wizard Time
Bổ túc chia +150° +210°
- 5E5625
Reptile Revenge
- 36587A
≈ Star Spangled
- 614A72
≈ Your Majesty
Bộ bốn +90° +180° +270°
- 5E5625
Reptile Revenge
- 18615E
≈ Empress Teal
- 4E517B
≈ Provocative
- 76444C
≈ Stoic
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.41:1 · APCA Lc 86
Ag
FailTrên nền đen
WCAG 2.83:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 7.41:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--reptile-revenge: #5e5625;
--reptile-revenge-rgb: 94 86 37;
--reptile-revenge-oklch: oklch(0.45 0.069 100.2);
}
.element {
color: var(--reptile-revenge);
background-color: hsl(52 44% 26%);
border-color: oklch(0.45 0.069 100.2);
}Tailwind CSS v4
@theme {
--color-reptile-revenge: #5e5625;
--color-reptile-revenge-50: #f9f6e0;
--color-reptile-revenge-100: #ece9cf;
--color-reptile-revenge-200: #dad6b4;
--color-reptile-revenge-300: #beb991;
--color-reptile-revenge-400: #a8a070;
--color-reptile-revenge-500: #918750;
--color-reptile-revenge-600: #7a7344;
--color-reptile-revenge-700: #625c36;
--color-reptile-revenge-800: #494326;
--color-reptile-revenge-900: #322e19;
--color-reptile-revenge-950: #1e1b0a;
}SCSS
$reptile-revenge: #5e5625;
$reptile-revenge-rgb: 94, 86, 37;
$reptile-revenge-light: mix(#fff, $reptile-revenge, 20%);
$reptile-revenge-dark: mix(#000, $reptile-revenge, 20%);
.element {
color: $reptile-revenge;
box-shadow: 0 0 0 2px rgba($reptile-revenge, 0.35);
}