Color con nombre · #7BB274
Faded Green
Faded Green es #7BB274: rgb(123 178 116), hsl(113 29% 58%), oklch(0.709 0.105 141.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Faded Green color name →
#7BB274
oklch(0.709 0.105 141.7)
Conversiones de color
- HEX
- #7bb274
- RGB
- rgb(123 178 116)
- HSL
- hsl(113 29% 58%)
- HWB
- hwb(113 45% 30%)
- OKLCH
- oklch(0.709 0.105 141.7)
- OKLab
- oklab(0.709 -0.083 0.065)
- CIE Lab
- lab(67.56 -27.98 25.79)
- LCH
- lch(67.56 38.05 137.3)
- CMYK
- cmyk(31% 0% 35% 30%)
Tintes · Sombras · Tonos
Tintes
- 88BA82
- 95C18F
- A2C99D
- B0D1AB
- BDD9B9
- CAE0C7
- D7E8D5
- E4F0E3
- F2F7F1
Sombras
- 6A9A64
- 5A8354
- 4A6D45
- 3A5737
- 2C4329
- 1E2F1B
- 101D0F
- 050C05
- 010101
Tonos
- 7CAD76
- 7DA877
- 7EA379
- 7E9E7A
- 7F997B
- 7F947C
- 808F7D
- 808A7E
- 80857F
Armonías de color
Complementario +180°
- 7BB274
Faded Green
- C08BC9
≈ Violaceous
Análogo -30° +30°
- 7BB274
Faded Green
- A3A856
≈ Olive Reserve
- 50B799
≈ Electra
Triádico +120° +240°
- 7BB274
Faded Green
- 7DA1E3
≈ Blue Cue
- DB8684
≈ Peaches of Immortality
Complementario dividido +150° +210°
- 7BB274
Faded Green
- A295DE
≈ Dull Lavender
- D485A8
≈ Heirloom Rose
Tetrádico +90° +180° +270°
- 7BB274
Faded Green
- 54ADD7
≈ Hoeth Blue
- C08BC9
≈ Violaceous
- D68E62
≈ Longhorn
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.48:1 · APCA Lc 49
Ag
AAASobre negro
WCAG 8.46:1 · APCA Lc 53
Mejor color de texto: #000000
WCAG 8.46:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmentos de código
CSS
:root {
--faded-green: #7bb274;
--faded-green-rgb: 123 178 116;
--faded-green-oklch: oklch(0.709 0.105 141.7);
}
.element {
color: var(--faded-green);
background-color: hsl(113 29% 58%);
border-color: oklch(0.709 0.105 141.7);
}Tailwind CSS v4
@theme {
--color-faded-green: #7bb274;
--color-faded-green-50: #e4fee2;
--color-faded-green-100: #d4f2d2;
--color-faded-green-200: #bae1b8;
--color-faded-green-300: #97c695;
--color-faded-green-400: #7aae74;
--color-faded-green-500: #5c9754;
--color-faded-green-600: #4e8048;
--color-faded-green-700: #3e6739;
--color-faded-green-800: #2e4b27;
--color-faded-green-900: #1f341a;
--color-faded-green-950: #0f1f0b;
}SCSS
$faded-green: #7bb274;
$faded-green-rgb: 123, 178, 116;
$faded-green-light: mix(#fff, $faded-green, 20%);
$faded-green-dark: mix(#000, $faded-green, 20%);
.element {
color: $faded-green;
box-shadow: 0 0 0 2px rgba($faded-green, 0.35);
}