Color con nombre más cercano · #8A6100
#8A6100
Color con nombre más cercano: Alligator
#8A6100 (rgb(138 97 0), hsl(42 100% 27%), oklch(0.522 0.108 79.7)) se parece más al color con nombre Alligator. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8A6100
oklch(0.522 0.108 79.7)
Conversiones de color
- HEX
- #8a6100
- RGB
- rgb(138 97 0)
- HSL
- hsl(42 100% 27%)
- HWB
- hwb(42 0% 46%)
- OKLCH
- oklch(0.522 0.108 79.7)
- OKLab
- oklab(0.522 0.019 0.106)
- CIE Lab
- lab(44.55 11.94 51.65)
- LCH
- lch(44.55 53.01 77)
- CMYK
- cmyk(0% 30% 100% 46%)
Tintes · Sombras · Tonos
Tintes
- 96702B
- A17F45
- AD8F5D
- B89E74
- C4AE8B
- D0BEA2
- DBCEB9
- E7DED0
- F3EFE7
Sombras
- 775300
- 654600
- 533900
- 422D00
- 322100
- 221500
- 140B00
- 070300
- 010000
Tonos
- 89641D
- 88682D
- 886B3A
- 876E46
- 867150
- 85755A
- 847864
- 827A6D
- 817D77
Armonías de color
Complementario +180°
- 8A6100
Alligator
- 4369A7
≈ Indigo Batik
Análogo -30° +30°
- 8A6100
Alligator
- 9A542A
≈ Panela
- 6E6E10
≈ Worn Olive
Triádico +120° +240°
- 8A6100
Alligator
- 00797D
≈ Tobernite
- 855390
≈ Cosmic Berry
Complementario dividido +150° +210°
- 8A6100
Alligator
- 007499
≈ Enchanted Blue
- 695DA3
≈ Giant Onion
Tetrádico +90° +180° +270°
- 8A6100
Alligator
- 007C60
≈ Turquoise Cyan
- 4369A7
≈ Indigo Batik
- 974D73
≈ Sugar Plum
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.54:1 · APCA Lc 77
Ag
FailSobre negro
WCAG 3.79:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 77
Contrast pairs
Fragmentos de código
CSS
:root {
--alligator: #8a6100;
--alligator-rgb: 138 97 0;
--alligator-oklch: oklch(0.522 0.108 79.7);
}
.element {
color: var(--alligator);
background-color: hsl(42 100% 27%);
border-color: oklch(0.522 0.108 79.7);
}Tailwind CSS v4
@theme {
--color-alligator: #8a6100;
--color-alligator-50: #fff3d3;
--color-alligator-100: #fae5c0;
--color-alligator-200: #ecd0a0;
--color-alligator-300: #d3b276;
--color-alligator-400: #c0974f;
--color-alligator-500: #ac7d1e;
--color-alligator-600: #916a1c;
--color-alligator-700: #745517;
--color-alligator-800: #573d0e;
--color-alligator-900: #3d2a09;
--color-alligator-950: #261700;
}SCSS
$alligator: #8a6100;
$alligator-rgb: 138, 97, 0;
$alligator-light: mix(#fff, $alligator, 20%);
$alligator-dark: mix(#000, $alligator, 20%);
.element {
color: $alligator;
box-shadow: 0 0 0 2px rgba($alligator, 0.35);
}