Nearest named color · #2CB05F
#2CB05F
Nearest named color: Green Mana
#2CB05F (rgb(44 176 95), hsl(143 60% 43%), oklch(0.669 0.162 151.4)) is closest to the named color Green Mana. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2CB05F
oklch(0.669 0.162 151.4)
Color conversions
- HEX
- #2cb05f
- RGB
- rgb(44 176 95)
- HSL
- hsl(143 60% 43%)
- HWB
- hwb(143 17% 31%)
- OKLCH
- oklch(0.669 0.162 151.4)
- OKLab
- oklab(0.669 -0.143 0.078)
- CIE Lab
- lab(63.65 -50.07 30.94)
- LCH
- lch(63.65 58.86 148.3)
- CMYK
- cmyk(75% 0% 46% 31%)
Tints · Shades · Tones
Tints
- 4CB86F
- 64C07F
- 7AC98F
- 8ED19F
- A2D8AE
- B5E0BE
- C8E8CE
- DAF0DE
- EDF7EF
Shades
- 259952
- 1E8244
- 176C38
- 11562C
- 0A4220
- 052E15
- 021C0A
- 010B03
- 000100
Tones
- 3DAB63
- 4AA767
- 54A26B
- 5D9E6E
- 659972
- 6B9475
- 718F78
- 778A7B
- 7B857D
Color harmonies
Complementary +180°
- 2CB05F
Green Mana
- CC6BC2
≈ Gulābī Pink
Analogous -30° +30°
- 2CB05F
Green Mana
- 86A300
≈ Noxious
- 00AC9A
≈ Pool Green
Triadic +120° +240°
- 2CB05F
Green Mana
- 728BF8
≈ Punch Out Glove
- E76853
≈ Connect Red
Split-complementary +150° +210°
- 2CB05F
Green Mana
- A779E7
≈ Lavender Blossom
- E2648E
≈ Love Letter
Tetradic +90° +180° +270°
- 2CB05F
Green Mana
- 009EEC
≈ Button Blue
- CC6BC2
≈ Gulābī Pink
- D77B00
≈ Orange Pepper
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.48:1 · APCA Lc 48
Best text color: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--green-mana: #2cb05f;
--green-mana-rgb: 44 176 95;
--green-mana-oklch: oklch(0.669 0.162 151.4);
}
.element {
color: var(--green-mana);
background-color: hsl(143 60% 43%);
border-color: oklch(0.669 0.162 151.4);
}Tailwind CSS v4
@theme {
--color-green-mana: #2cb05f;
--color-green-mana-50: #d2ffe0;
--color-green-mana-100: #bff8cf;
--color-green-mana-200: #9de9b4;
--color-green-mana-300: #6fcf90;
--color-green-mana-400: #43b96b;
--color-green-mana-500: #00a34a;
--color-green-mana-600: #00893f;
--color-green-mana-700: #006e32;
--color-green-mana-800: #015120;
--color-green-mana-900: #033815;
--color-green-mana-950: #002307;
}SCSS
$green-mana: #2cb05f;
$green-mana-rgb: 44, 176, 95;
$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);
}