Color con nombre más cercano · #2AB06B
#2AB06B
Color con nombre más cercano: Green Mana
#2AB06B (rgb(42 176 107), hsl(149 61% 43%), oklch(0.671 0.152 155.2)) se parece más al color con nombre Green Mana. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#2AB06B
oklch(0.671 0.152 155.2)
Conversiones de color
- HEX
- #2ab06b
- RGB
- rgb(42 176 107)
- HSL
- hsl(149 61% 43%)
- HWB
- hwb(149 16% 31%)
- OKLCH
- oklch(0.671 0.152 155.2)
- OKLab
- oklab(0.671 -0.138 0.064)
- CIE Lab
- lab(63.78 -48.72 24.89)
- LCH
- lch(63.78 54.72 152.9)
- CMYK
- cmyk(76% 0% 39% 31%)
Tintes · Sombras · Tonos
Tintes
- 4BB87A
- 64C088
- 7AC897
- 8ED0A5
- A2D8B4
- B5E0C3
- C8E8D2
- DAF0E1
- EDF7F0
Sombras
- 23995C
- 1C824E
- 166C3F
- 105632
- 0A4225
- 052E18
- 021C0D
- 010B04
- 000100
Tonos
- 3CAB6E
- 49A770
- 54A272
- 5D9D75
- 649977
- 6B9479
- 718F7B
- 778A7D
- 7B857E
Armonías de color
Complementario +180°
- 2AB06B
Green Mana
- CD6EBA
≈ Gulābī Pink
Análogo -30° +30°
- 2AB06B
Green Mana
- 80A52A
≈ Spring Vegetables
- 00AC9F
≈ Tropical Hideaway
Triádico +120° +240°
- 2AB06B
Green Mana
- 7C8BF1
≈ Lavender Blue Shadow
- E36E51
≈ Dusty Orange
Complementario dividido +150° +210°
- 2AB06B
Green Mana
- AC7ADF
≈ Lavender Blossom
- E06889
≈ Kiss Me More
Tetrádico +90° +180° +270°
- 2AB06B
Green Mana
- 2E9CEC
≈ Button Blue
- CD6EBA
≈ Gulābī Pink
- D37F00
≈ Orange Pepper
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.52:1 · APCA Lc 49
Mejor color de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmentos de código
CSS
:root {
--green-mana: #2ab06b;
--green-mana-rgb: 42 176 107;
--green-mana-oklch: oklch(0.671 0.152 155.2);
}
.element {
color: var(--green-mana);
background-color: hsl(149 61% 43%);
border-color: oklch(0.671 0.152 155.2);
}Tailwind CSS v4
@theme {
--color-green-mana: #2ab06b;
--color-green-mana-50: #d2ffe4;
--color-green-mana-100: #bef8d4;
--color-green-mana-200: #9ce8bb;
--color-green-mana-300: #6ecf98;
--color-green-mana-400: #41b876;
--color-green-mana-500: #00a257;
--color-green-mana-600: #00894a;
--color-green-mana-700: #006e3b;
--color-green-mana-800: #005128;
--color-green-mana-900: #01381a;
--color-green-mana-950: #00230b;
}SCSS
$green-mana: #2ab06b;
$green-mana-rgb: 42, 176, 107;
$green-mana-light: mix(#fff, $green-mana, 20%);
$green-mana-dark: mix(#000, $green-mana, 20%);
.element {
color: $green-mana;
box-shadow: 0 0 0 2px rgba($green-mana, 0.35);
}