Color con nombre · #53665A
Jungle Camouflage
Jungle Camouflage es #53665A: rgb(83 102 90), hsl(142 10% 36%), oklch(0.491 0.03 157.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Jungle Camouflage color name →
#53665A
oklch(0.491 0.03 157.4)
Conversiones de color
- HEX
- #53665a
- RGB
- rgb(83 102 90)
- HSL
- hsl(142 10% 36%)
- HWB
- hwb(142 33% 60%)
- OKLCH
- oklch(0.491 0.03 157.4)
- OKLab
- oklab(0.491 -0.028 0.011)
- CIE Lab
- lab(41.33 -9.46 4.31)
- LCH
- lch(41.33 10.4 155.5)
- CMYK
- cmyk(19% 0% 12% 60%)
Tintes · Sombras · Tonos
Tintes
- 637469
- 738378
- 839188
- 94A098
- A5AFA9
- B7BFB9
- C8CFCA
- DADFDC
- EDEFED
Sombras
- 47584D
- 3B4A41
- 303C35
- 252F29
- 1B231E
- 111713
- 080C09
- 020403
- 000000
Tonos
- 57695E
- 5C6B61
- 606E65
- 657069
- 69736D
- 6E7671
- 727874
- 777B78
- 7B7D7C
Armonías de color
Complementario +180°
- 53665A
Jungle Camouflage
- 6C5A67
≈ Patina Violet
Análogo -30° +30°
- 53665A
Jungle Camouflage
- 5C6452
≈ Cypress Vine
- 4E6663
≈ Angry Ocean
Triádico +120° +240°
- 53665A
Jungle Camouflage
- 5C5F72
≈ Men’s Night
- 705B55
≈ Taupe Night
Complementario dividido +150° +210°
- 53665A
Jungle Camouflage
- 655C6E
≈ Violet Haze
- 705A5D
≈ Falcon
Tetrádico +90° +180° +270°
- 53665A
Jungle Camouflage
- 536371
≈ Black Coral
- 6C5A67
≈ Patina Violet
- 6C5E4F
≈ Makara
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.14:1 · APCA Lc 81
Ag
FailSobre negro
WCAG 3.41:1 · APCA Lc 21
Mejor color de texto: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--jungle-camouflage: #53665a;
--jungle-camouflage-rgb: 83 102 90;
--jungle-camouflage-oklch: oklch(0.491 0.03 157.4);
}
.element {
color: var(--jungle-camouflage);
background-color: hsl(142 10% 36%);
border-color: oklch(0.491 0.03 157.4);
}Tailwind CSS v4
@theme {
--color-jungle-camouflage: #53665a;
--color-jungle-camouflage-50: #eef8f2;
--color-jungle-camouflage-100: #e0ebe4;
--color-jungle-camouflage-200: #cad8d0;
--color-jungle-camouflage-300: #abbcb2;
--color-jungle-camouflage-400: #91a498;
--color-jungle-camouflage-500: #768c7e;
--color-jungle-camouflage-600: #64776b;
--color-jungle-camouflage-700: #505f56;
--color-jungle-camouflage-800: #3a463e;
--color-jungle-camouflage-900: #28302b;
--color-jungle-camouflage-950: #161c18;
}SCSS
$jungle-camouflage: #53665a;
$jungle-camouflage-rgb: 83, 102, 90;
$jungle-camouflage-light: mix(#fff, $jungle-camouflage, 20%);
$jungle-camouflage-dark: mix(#000, $jungle-camouflage, 20%);
.element {
color: $jungle-camouflage;
box-shadow: 0 0 0 2px rgba($jungle-camouflage, 0.35);
}