Nearest named color · #3D5E26
#3D5E26
Nearest named color: Greenhouse
#3D5E26 (rgb(61 94 38), hsl(95 42% 26%), oklch(0.443 0.092 134.2)) is closest to the named color Greenhouse. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#3D5E26
oklch(0.443 0.092 134.2)
Color conversions
- HEX
- #3d5e26
- RGB
- rgb(61 94 38)
- HSL
- hsl(95 42% 26%)
- HWB
- hwb(95 15% 63%)
- OKLCH
- oklch(0.443 0.092 134.2)
- OKLab
- oklab(0.443 -0.064 0.066)
- CIE Lab
- lab(36.33 -20.79 27.58)
- LCH
- lch(36.33 34.53 127)
- CMYK
- cmyk(35% 0% 60% 63%)
Tints · Shades · Tones
Tints
- 4F6D3B
- 617C50
- 738C65
- 869C79
- 99AC8F
- ADBCA4
- C1CCBB
- D5DDD1
- EAEEE8
Shades
- 345120
- 2B4419
- 223713
- 1A2B0D
- 121F08
- 0A1404
- 040A02
- 010301
- 000000
Tones
- 446230
- 4A653A
- 516943
- 586C4C
- 5E6F54
- 65735D
- 6C7666
- 72796F
- 797D77
Color harmonies
Complementary +180°
- 3D5E26
Greenhouse
- 664276
≈ Palace Purple
Analogous -30° +30°
- 3D5E26
Greenhouse
- 5C5503
≈ Douro
- 066345
≈ Aotake Bamboo
Triadic +120° +240°
- 3D5E26
Greenhouse
- 2C5585
≈ Royal Consort
- 7E3C43
≈ Ruby Lips
Split-complementary +150° +210°
- 3D5E26
Greenhouse
- 4E4B84
≈ Altar of Heaven
- 763D5F
≈ Mystique Violet
Tetradic +90° +180° +270°
- 3D5E26
Greenhouse
- 005C75
≈ Bosporus
- 664276
≈ Palace Purple
- 7C4025
≈ Burnished Russet
Contrast & accessibility
Ag
AAAOn white
WCAG 7.42:1 · APCA Lc 86
Ag
FailOn black
WCAG 2.82:1 · APCA Lc 16
Best text color: #FFFFFF
WCAG 7.42:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--greenhouse: #3d5e26;
--greenhouse-rgb: 61 94 38;
--greenhouse-oklch: oklch(0.443 0.092 134.2);
}
.element {
color: var(--greenhouse);
background-color: hsl(95 42% 26%);
border-color: oklch(0.443 0.092 134.2);
}Tailwind CSS v4
@theme {
--color-greenhouse: #3d5e26;
--color-greenhouse-50: #eafce2;
--color-greenhouse-100: #daefd1;
--color-greenhouse-200: #c3deb7;
--color-greenhouse-300: #a2c394;
--color-greenhouse-400: #88ab73;
--color-greenhouse-500: #6c9453;
--color-greenhouse-600: #5c7d47;
--color-greenhouse-700: #496439;
--color-greenhouse-800: #364927;
--color-greenhouse-900: #25331a;
--color-greenhouse-950: #141e0a;
}SCSS
$greenhouse: #3d5e26;
$greenhouse-rgb: 61, 94, 38;
$greenhouse-light: mix(#fff, $greenhouse, 20%);
$greenhouse-dark: mix(#000, $greenhouse, 20%);
.element {
color: $greenhouse;
box-shadow: 0 0 0 2px rgba($greenhouse, 0.35);
}