Nearest named color · #2C7342
#2C7342
Nearest named color: Succulents
#2C7342 (rgb(44 115 66), hsl(139 45% 31%), oklch(0.497 0.105 150.9)) is closest to the named color Succulents. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2C7342
oklch(0.497 0.105 150.9)
Color conversions
- HEX
- #2c7342
- RGB
- rgb(44 115 66)
- HSL
- hsl(139 45% 31%)
- HWB
- hwb(139 17% 55%)
- OKLCH
- oklch(0.497 0.105 150.9)
- OKLab
- oklab(0.497 -0.092 0.051)
- CIE Lab
- lab(43.03 -32.11 20.25)
- LCH
- lch(43.03 37.96 147.8)
- CMYK
- cmyk(62% 0% 43% 55%)
Tints · Shades · Tones
Tints
- 438054
- 598E65
- 6D9C78
- 82AA8A
- 96B89D
- ABC6B0
- BFD4C3
- D4E2D7
- EAF0EB
Shades
- 256338
- 1E542F
- 174525
- 11361C
- 0A2814
- 051B0B
- 020F05
- 010501
- 000100
Tones
- 377548
- 41764F
- 4A7855
- 53795B
- 5B7A61
- 637C68
- 6A7D6E
- 727E74
- 797F7A
Color harmonies
Complementary +180°
- 2C7342
Succulents
- 844A7E
≈ Visiona Red
Analogous -30° +30°
- 2C7342
Succulents
- 5A6B1B
≈ Bowser Shell
- 007365
≈ Pharaoh’s Gem
Triadic +120° +240°
- 2C7342
Succulents
- 4C5E9E
≈ Bio Blue
- 95493C
≈ Smokin Hot
Split-complementary +150° +210°
- 2C7342
Succulents
- 6D5395
≈ Rollick
- 92465F
≈ Raspberry Pudding
Tetradic +90° +180° +270°
- 2C7342
Succulents
- 196998
≈ Hydra
- 844A7E
≈ Visiona Red
- 8D5216
≈ Plain Old Brown
Contrast & accessibility
Ag
AAOn white
WCAG 5.77:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.63:1 · APCA Lc 23
Best text color: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--succulents: #2c7342;
--succulents-rgb: 44 115 66;
--succulents-oklch: oklch(0.497 0.105 150.9);
}
.element {
color: var(--succulents);
background-color: hsl(139 45% 31%);
border-color: oklch(0.497 0.105 150.9);
}Tailwind CSS v4
@theme {
--color-succulents: #2c7342;
--color-succulents-50: #dfffe7;
--color-succulents-100: #cef3d7;
--color-succulents-200: #b3e2bf;
--color-succulents-300: #8ec79e;
--color-succulents-400: #6eb07e;
--color-succulents-500: #4b9a61;
--color-succulents-600: #408252;
--color-succulents-700: #336842;
--color-succulents-800: #264c2e;
--color-succulents-900: #19351f;
--color-succulents-950: #09200f;
}SCSS
$succulents: #2c7342;
$succulents-rgb: 44, 115, 66;
$succulents-light: mix(#fff, $succulents, 20%);
$succulents-dark: mix(#000, $succulents, 20%);
.element {
color: $succulents;
box-shadow: 0 0 0 2px rgba($succulents, 0.35);
}