Color con nombre · #36716F
Jungle Noises
Jungle Noises es #36716F: rgb(54 113 111), hsl(178 35% 33%), oklch(0.509 0.062 192.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Jungle Noises color name →
#36716F
oklch(0.509 0.062 192.5)
Conversiones de color
- HEX
- #36716f
- RGB
- rgb(54 113 111)
- HSL
- hsl(178 35% 33%)
- HWB
- hwb(178 21% 56%)
- OKLCH
- oklch(0.509 0.062 192.5)
- OKLab
- oklab(0.509 -0.06 -0.013)
- CIE Lab
- lab(43.69 -20.47 -5.13)
- LCH
- lch(43.69 21.11 194.1)
- CMYK
- cmyk(52% 0% 2% 56%)
Tintes · Sombras · Tonos
Tintes
- 4B7E7C
- 5F8C8A
- 729A98
- 86A8A6
- 9AB6B4
- AEC4C3
- C2D3D2
- D6E1E1
- EAF0F0
Sombras
- 2E6160
- 255251
- 1E4342
- 163534
- 0F2727
- 081A1A
- 030E0E
- 010404
- 000101
Tonos
- 3F7371
- 487472
- 507674
- 577776
- 5E7977
- 657A79
- 6C7C7B
- 737D7D
- 797F7E
Armonías de color
Complementario +180°
- 36716F
Jungle Noises
- 85575C
≈ Flowering Chestnut
Análogo -30° +30°
- 36716F
Jungle Noises
- 43715B
≈ Foliage Green
- 3A6E7F
≈ Grand Rapids
Triádico +120° +240°
- 36716F
Jungle Noises
- 725B7F
≈ Mystical Purple
- 7C603D
≈ Berkeley Hills
Complementario dividido +150° +210°
- 36716F
Jungle Noises
- 7F586F
≈ Euphoric Magenta
- 845A49
≈ Iron Oxide
Tetrádico +90° +180° +270°
- 36716F
Jungle Noises
- 606188
≈ Pharaoh Purple
- 85575C
≈ Flowering Chestnut
- 6C673D
≈ Mayfly
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.60:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.74:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.60:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--jungle-noises: #36716f;
--jungle-noises-rgb: 54 113 111;
--jungle-noises-oklch: oklch(0.509 0.062 192.5);
}
.element {
color: var(--jungle-noises);
background-color: hsl(178 35% 33%);
border-color: oklch(0.509 0.062 192.5);
}Tailwind CSS v4
@theme {
--color-jungle-noises: #36716f;
--color-jungle-noises-50: #e2fbfa;
--color-jungle-noises-100: #d1efee;
--color-jungle-noises-200: #b7dddc;
--color-jungle-noises-300: #93c2c1;
--color-jungle-noises-400: #73aaa8;
--color-jungle-noises-500: #519391;
--color-jungle-noises-600: #467d7b;
--color-jungle-noises-700: #376462;
--color-jungle-noises-800: #274947;
--color-jungle-noises-900: #1a3331;
--color-jungle-noises-950: #0a1f1d;
}SCSS
$jungle-noises: #36716f;
$jungle-noises-rgb: 54, 113, 111;
$jungle-noises-light: mix(#fff, $jungle-noises, 20%);
$jungle-noises-dark: mix(#000, $jungle-noises, 20%);
.element {
color: $jungle-noises;
box-shadow: 0 0 0 2px rgba($jungle-noises, 0.35);
}