Color con nombre · #7FB377
Joshua Tree
Joshua Tree es #7FB377: rgb(127 179 119), hsl(112 28% 58%), oklch(0.715 0.101 141.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Joshua Tree color name →
#7FB377
oklch(0.715 0.101 141.2)
Conversiones de color
- HEX
- #7fb377
- RGB
- rgb(127 179 119)
- HSL
- hsl(112 28% 58%)
- HWB
- hwb(112 47% 30%)
- OKLCH
- oklch(0.715 0.101 141.2)
- OKLab
- oklab(0.715 -0.079 0.063)
- CIE Lab
- lab(68.14 -26.68 25.01)
- LCH
- lch(68.14 36.57 136.9)
- CMYK
- cmyk(29% 0% 34% 30%)
Tintes · Sombras · Tonos
Tintes
- 8CBB84
- 98C292
- A5CA9F
- B2D1AD
- BFD9BA
- CBE1C8
- D8E8D5
- E5F0E3
- F2F7F1
Sombras
- 6E9B67
- 5D8457
- 4C6E47
- 3C5838
- 2D432A
- 1F2F1C
- 111D10
- 060C05
- 010101
Tonos
- 80AE78
- 80A97A
- 80A47B
- 819F7C
- 819A7D
- 81947D
- 818F7E
- 818A7F
- 80857F
Armonías de color
Complementario +180°
- 7FB377
Joshua Tree
- C08EC9
≈ Violaceous
Análogo -30° +30°
- 7FB377
Joshua Tree
- A5A95B
≈ Spinach Banana Smoothie
- 58B89B
≈ Keppel
Triádico +120° +240°
- 7FB377
Joshua Tree
- 7FA3E3
≈ Blue Cue
- DB8987
≈ Copperfield
Complementario dividido +150° +210°
- 7FB377
Joshua Tree
- A398DE
≈ Dull Lavender
- D488AA
≈ Berry Twist
Tetrádico +90° +180° +270°
- 7FB377
Joshua Tree
- 59AED7
≈ Hoeth Blue
- C08EC9
≈ Violaceous
- D69067
≈ Copper Cove
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.61:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--joshua-tree: #7fb377;
--joshua-tree-rgb: 127 179 119;
--joshua-tree-oklch: oklch(0.715 0.101 141.2);
}
.element {
color: var(--joshua-tree);
background-color: hsl(112 28% 58%);
border-color: oklch(0.715 0.101 141.2);
}Tailwind CSS v4
@theme {
--color-joshua-tree: #7fb377;
--color-joshua-tree-50: #e5fde3;
--color-joshua-tree-100: #d5f1d3;
--color-joshua-tree-200: #bbe0b9;
--color-joshua-tree-300: #99c596;
--color-joshua-tree-400: #7dae75;
--color-joshua-tree-500: #5e9756;
--color-joshua-tree-600: #507f49;
--color-joshua-tree-700: #40663a;
--color-joshua-tree-800: #2f4b28;
--color-joshua-tree-900: #20341b;
--color-joshua-tree-950: #0f1f0b;
}SCSS
$joshua-tree: #7fb377;
$joshua-tree-rgb: 127, 179, 119;
$joshua-tree-light: mix(#fff, $joshua-tree, 20%);
$joshua-tree-dark: mix(#000, $joshua-tree, 20%);
.element {
color: $joshua-tree;
box-shadow: 0 0 0 2px rgba($joshua-tree, 0.35);
}