Color con nombre más cercano · #5E5625
#5E5625
Color con nombre más cercano: Reptile Revenge
#5E5625 (rgb(94 86 37), hsl(52 44% 26%), oklch(0.45 0.069 100.2)) se parece más al color con nombre Reptile Revenge. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#5E5625
oklch(0.45 0.069 100.2)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 6D663A
- 7C754F
- 8B8664
- 9B9679
- ABA78E
- BBB8A4
- CCC9BA
- DDDBD1
- EEEDE8
Sombras
- 514A1F
- 443E19
- 373213
- 2B270D
- 1F1C08
- 141204
- 0A0802
- 030200
- 000000
Tonos
- 615A2F
- 655E39
- 686342
- 6B674B
- 6F6B54
- 726F5D
- 757366
- 79786E
- 7C7C77
Armonías de color
Complementario +180°
- 5E5625
Reptile Revenge
- 4E517B
≈ Provocative
Análogo -30° +30°
- 5E5625
Reptile Revenge
- 6E4E27
≈ Wagon Train
- 485D33
≈ Woodman
Triádico +120° +240°
- 5E5625
Reptile Revenge
- 1E5E70
≈ Deep Blue Sea
- 6F4661
≈ Wizard Time
Complementario dividido +150° +210°
- 5E5625
Reptile Revenge
- 36587A
≈ Star Spangled
- 614A72
≈ Your Majesty
Tetrádico +90° +180° +270°
- 5E5625
Reptile Revenge
- 18615E
≈ Empress Teal
- 4E517B
≈ Provocative
- 76444C
≈ Stoic
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.41:1 · APCA Lc 86
Ag
FailSobre negro
WCAG 2.83:1 · APCA Lc 16
Mejor color de texto: #FFFFFF
WCAG 7.41:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
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);
}