Named color · #116F26
Bogey Green
Bogey Green is #116F26: rgb(17 111 38), hsl(133 73% 25%), oklch(0.474 0.136 146.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Bogey Green color name →
#116F26
oklch(0.474 0.136 146.1)
Color conversions
- HEX
- #116f26
- RGB
- rgb(17 111 38)
- HSL
- hsl(133 73% 25%)
- HWB
- hwb(133 7% 56%)
- OKLCH
- oklch(0.474 0.136 146.1)
- OKLab
- oklab(0.474 -0.113 0.076)
- CIE Lab
- lab(40.63 -39.13 31.87)
- LCH
- lch(40.63 50.47 140.8)
- CMYK
- cmyk(85% 0% 66% 56%)
Tints · Shades · Tones
Tints
- 337D3C
- 4B8B51
- 629966
- 79A87B
- 8FB690
- A5C4A6
- BBD3BC
- D1E2D2
- E8F0E8
Shades
- 0D6020
- 095119
- 064213
- 04340D
- 022708
- 011A04
- 000E02
- 000401
- 000100
Tones
- 257131
- 33733B
- 3F7544
- 4A774D
- 547956
- 5D7A5E
- 667C67
- 6F7D6F
- 777F78
Color harmonies
Complementary +180°
- 116F26
Bogey Green
- 823B84
≈ Violet Webcap
Analogous -30° +30°
- 116F26
Bogey Green
- 596300
≈ Forestial Outpost
- 006C5A
≈ Chrysocolla Medium Green
Triadic +120° +240°
- 116F26
Bogey Green
- 3756A8
≈ Blasphemous Blue
- 9A3530
≈ Poisonous Apple
Split-complementary +150° +210°
- 116F26
Bogey Green
- 64479F
≈ Ultrapurple Merge
- 94335E
≈ Forward Fuchsia
Tetradic +90° +180° +270°
- 116F26
Bogey Green
- 00638D
≈ Reservoir
- 823B84
≈ Violet Webcap
- 8B4700
≈ Chocolate Pancakes
Contrast & accessibility
Ag
AAOn white
WCAG 6.31:1 · APCA Lc 81
Ag
FailOn black
WCAG 3.32:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.31:1 (AA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--bogey-green: #116f26;
--bogey-green-rgb: 17 111 38;
--bogey-green-oklch: oklch(0.474 0.136 146.1);
}
.element {
color: var(--bogey-green);
background-color: hsl(133 73% 25%);
border-color: oklch(0.474 0.136 146.1);
}Tailwind CSS v4
@theme {
--color-bogey-green: #116f26;
--color-bogey-green-50: #dcffe0;
--color-bogey-green-100: #caf5cf;
--color-bogey-green-200: #ade5b4;
--color-bogey-green-300: #86cb90;
--color-bogey-green-400: #65b46c;
--color-bogey-green-500: #3d9d4a;
--color-bogey-green-600: #358540;
--color-bogey-green-700: #2a6b33;
--color-bogey-green-800: #204e21;
--color-bogey-green-900: #153616;
--color-bogey-green-950: #062107;
}SCSS
$bogey-green: #116f26;
$bogey-green-rgb: 17, 111, 38;
$bogey-green-light: mix(#fff, $bogey-green, 20%);
$bogey-green-dark: mix(#000, $bogey-green, 20%);
.element {
color: $bogey-green;
box-shadow: 0 0 0 2px rgba($bogey-green, 0.35);
}