Color con nombre · #32BF84
Greenish Teal
Greenish Teal es #32BF84: rgb(50 191 132), hsl(155 59% 47%), oklch(0.717 0.146 160.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Greenish Teal color name →
#32BF84
oklch(0.717 0.146 160.4)
Conversiones de color
- HEX
- #32bf84
- RGB
- rgb(50 191 132)
- HSL
- hsl(155 59% 47%)
- HWB
- hwb(155 20% 25%)
- OKLCH
- oklch(0.717 0.146 160.4)
- OKLab
- oklab(0.717 -0.138 0.049)
- CIE Lab
- lab(69.08 -48.94 18.79)
- LCH
- lch(69.08 52.42 159)
- CMYK
- cmyk(74% 0% 31% 25%)
Tintes · Sombras · Tonos
Tintes
- 52C690
- 6ACC9C
- 80D3A8
- 94D9B4
- A7E0C0
- B9E6CD
- CBEDD9
- DCF3E6
- EEF9F2
Sombras
- 2AA672
- 228D60
- 1B754F
- 145E3F
- 0D482F
- 073320
- 031F12
- 010D06
- 000201
Tonos
- 43B984
- 50B384
- 59AC83
- 62A683
- 69A083
- 6F9A82
- 749382
- 788D81
- 7C8681
Armonías de color
Complementario +180°
- 32BF84
Greenish Teal
- DF7CC0
≈ Fuchsia Blush
Análogo -30° +30°
- 32BF84
Greenish Teal
- 84B54C
≈ Savoy
- 00BCB5
≈ Super Rare Jade
Triádico +120° +240°
- 32BF84
Greenish Teal
- 9397FD
≈ Periwinkle Blue
- EF8158
≈ Araigaki Orange
Complementario dividido +150° +210°
- 32BF84
Greenish Teal
- C087E7
≈ Luminous Lavender
- EF798E
≈ So Charming
Tetrádico +90° +180° +270°
- 32BF84
Greenish Teal
- 54A8FB
≈ Joust Blue
- DF7CC0
≈ Fuchsia Blush
- DD9120
≈ Buttercup
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASobre negro
WCAG 8.92:1 · APCA Lc 56
Mejor color de texto: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmentos de código
CSS
:root {
--greenish-teal: #32bf84;
--greenish-teal-rgb: 50 191 132;
--greenish-teal-oklch: oklch(0.717 0.146 160.4);
}
.element {
color: var(--greenish-teal);
background-color: hsl(155 59% 47%);
border-color: oklch(0.717 0.146 160.4);
}Tailwind CSS v4
@theme {
--color-greenish-teal: #32bf84;
--color-greenish-teal-50: #d0ffe9;
--color-greenish-teal-100: #bcf8d9;
--color-greenish-teal-200: #99e8c2;
--color-greenish-teal-300: #69cfa1;
--color-greenish-teal-400: #37b881;
--color-greenish-teal-500: #00a264;
--color-greenish-teal-600: #008955;
--color-greenish-teal-700: #006e44;
--color-greenish-teal-800: #00512e;
--color-greenish-teal-900: #00381f;
--color-greenish-teal-950: #00230f;
}SCSS
$greenish-teal: #32bf84;
$greenish-teal-rgb: 50, 191, 132;
$greenish-teal-light: mix(#fff, $greenish-teal, 20%);
$greenish-teal-dark: mix(#000, $greenish-teal, 20%);
.element {
color: $greenish-teal;
box-shadow: 0 0 0 2px rgba($greenish-teal, 0.35);
}