Color con nombre · #7BB18D
Mate Tea
Mate Tea es #7BB18D: rgb(123 177 141), hsl(140 26% 59%), oklch(0.713 0.077 154.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Mate Tea color name →
#7BB18D
oklch(0.713 0.077 154.8)
Conversiones de color
- HEX
- #7bb18d
- RGB
- rgb(123 177 141)
- HSL
- hsl(140 26% 59%)
- HWB
- hwb(140 48% 31%)
- OKLCH
- oklch(0.713 0.077 154.8)
- OKLab
- oklab(0.713 -0.07 0.033)
- CIE Lab
- lab(67.68 -24.24 12.57)
- LCH
- lch(67.68 27.3 152.6)
- CMYK
- cmyk(31% 0% 20% 31%)
Tintes · Sombras · Tonos
Tintes
- 88B998
- 95C0A3
- A3C8AE
- B0D0B9
- BDD8C5
- CAE0D0
- D7E7DC
- E4EFE7
- F2F7F3
Sombras
- 6A997A
- 5A8367
- 4A6C55
- 3A5744
- 2C4233
- 1E2F23
- 101C14
- 050C07
- 010101
Tonos
- 7CAC8C
- 7DA78B
- 7EA289
- 7E9D88
- 7F9887
- 7F9485
- 808F84
- 808A83
- 808581
Armonías de color
Complementario +180°
- 7BB18D
Mate Tea
- C190B6
≈ Mauve Magic
Análogo -30° +30°
- 7BB18D
Mate Tea
- 97AB75
≈ Geranium Leaf
- 66B2A8
≈ Artesian Well
Triádico +120° +240°
- 7BB18D
Mate Tea
- 949FD3
≈ Azureno
- CE9182
≈ Rosy Queen
Complementario dividido +150° +210°
- 7BB18D
Mate Tea
- AD96CA
≈ Biloba Flower
- CC8E9C
≈ Sianna Rose
Tetrádico +90° +180° +270°
- 7BB18D
Mate Tea
- 79A8D0
≈ Calm Day
- C190B6
≈ Mauve Magic
- C4986E
≈ Lanyard
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.46:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.51:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.51:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--mate-tea: #7bb18d;
--mate-tea-rgb: 123 177 141;
--mate-tea-oklch: oklch(0.713 0.077 154.8);
}
.element {
color: var(--mate-tea);
background-color: hsl(140 26% 59%);
border-color: oklch(0.713 0.077 154.8);
}Tailwind CSS v4
@theme {
--color-mate-tea: #7bb18d;
--color-mate-tea-50: #e4fcec;
--color-mate-tea-100: #d4f0de;
--color-mate-tea-200: #badfc7;
--color-mate-tea-300: #97c4a8;
--color-mate-tea-400: #79ac8a;
--color-mate-tea-500: #5a966f;
--color-mate-tea-600: #4d7e5e;
--color-mate-tea-700: #3d654b;
--color-mate-tea-800: #2d4a35;
--color-mate-tea-900: #1e3424;
--color-mate-tea-950: #0e1f13;
}SCSS
$mate-tea: #7bb18d;
$mate-tea-rgb: 123, 177, 141;
$mate-tea-light: mix(#fff, $mate-tea, 20%);
$mate-tea-dark: mix(#000, $mate-tea, 20%);
.element {
color: $mate-tea;
box-shadow: 0 0 0 2px rgba($mate-tea, 0.35);
}