Color con nombre más cercano · #7C793A
#7C793A
Color con nombre más cercano: Crocodile Style
#7C793A (rgb(124 121 58), hsl(57 36% 36%), oklch(0.565 0.085 106.4)) se parece más al color con nombre Crocodile Style. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#7C793A
oklch(0.565 0.085 106.4)
Conversiones de color
- HEX
- #7c793a
- RGB
- rgb(124 121 58)
- HSL
- hsl(57 36% 36%)
- HWB
- hwb(57 23% 51%)
- OKLCH
- oklch(0.565 0.085 106.4)
- OKLab
- oklab(0.565 -0.024 0.081)
- CIE Lab
- lab(50.04 -5.61 34.48)
- LCH
- lch(50.04 34.93 99.2)
- CMYK
- cmyk(0% 2% 53% 51%)
Tintes · Sombras · Tonos
Tintes
- 88864E
- 959362
- A1A075
- AEAD88
- BBBA9B
- C8C8AF
- D6D5C3
- E3E3D6
- F1F1EB
Sombras
- 6B6831
- 5A5828
- 4A4820
- 3B3918
- 2C2B10
- 1E1D09
- 111004
- 050501
- 010100
Tonos
- 7C7A43
- 7D7B4A
- 7D7B52
- 7D7C59
- 7E7D60
- 7E7E67
- 7F7E6D
- 7F7F73
- 807F7A
Armonías de color
Complementario +180°
- 7C793A
Crocodile Style
- 726EA6
≈ Toy Mauve
Análogo -30° +30°
- 7C793A
Crocodile Style
- 926F38
≈ Dirt Yellow
- 5E814F
≈ Glade Green
Triádico +120° +240°
- 7C793A
Crocodile Style
- 35809C
≈ Greenland Blue
- 9A6180
≈ Raspberry Jelly Red
Complementario dividido +150° +210°
- 7C793A
Crocodile Style
- 5477A7
≈ Vinca
- 8A6697
≈ Viola Grey
Tetrádico +90° +180° +270°
- 7C793A
Crocodile Style
- 278586
≈ Bayou
- 726EA6
≈ Toy Mauve
- A26164
≈ Pizza Pie
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.51:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.65:1 · APCA Lc 30
Mejor color de texto: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Fragmentos de código
CSS
:root {
--crocodile-style: #7c793a;
--crocodile-style-rgb: 124 121 58;
--crocodile-style-oklch: oklch(0.565 0.085 106.4);
}
.element {
color: var(--crocodile-style);
background-color: hsl(57 36% 36%);
border-color: oklch(0.565 0.085 106.4);
}Tailwind CSS v4
@theme {
--color-crocodile-style: #7c793a;
--color-crocodile-style-50: #f7f8dc;
--color-crocodile-style-100: #eaebca;
--color-crocodile-style-200: #d7d8ae;
--color-crocodile-style-300: #bbbb89;
--color-crocodile-style-400: #a4a266;
--color-crocodile-style-500: #8d8a43;
--color-crocodile-style-600: #77753a;
--color-crocodile-style-700: #605d2e;
--color-crocodile-style-800: #47441f;
--color-crocodile-style-900: #312f14;
--color-crocodile-style-950: #1d1b06;
}SCSS
$crocodile-style: #7c793a;
$crocodile-style-rgb: 124, 121, 58;
$crocodile-style-light: mix(#fff, $crocodile-style, 20%);
$crocodile-style-dark: mix(#000, $crocodile-style, 20%);
.element {
color: $crocodile-style;
box-shadow: 0 0 0 2px rgba($crocodile-style, 0.35);
}