#5B9A68 Color (Hex and RGB)
#5B9A68
#5b9a68 has RGB values (91, 154, 104). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #5B9A68 | R5BG9AB68 | |
| RGB | rgb(91 154 104) | R91G154B104 | |
| HSL | hsl(132 26% 48%) | H132°S26%L48% | |
| OKLCH | oklch(63% 0.1 149) | L0.63C0.1H149° | |
| HSV | hsv(132, 41%, 60%) | H132°S41%V60% | |
| CMYK | cmyk(41%, 0%, 32%, 40%) | C41%M0%Y32%K40% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01011011 | 10011010 | 01101000 |
| Octal | 133 | 232 | 150 |
| Decimal | 91 | 154 | 104 |
| Hex | 5b | 9a | 68 |
Shades & tints
Shades mix #5B9A68 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #5B9A680%
- #538D5F9%
- #4C805617%
- #44734D26%
- #3C664534%
- #34593C43%
- #2D4B3351%
- #253E2A59%
- #1D312168%
- #15241877%
- #0E171085%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#5B9A68 on #FFFFFF
3.35:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#5B9A68 on #000000
6.27:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #5B9A68
3.35:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #5B9A68
6.27:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #5b9a68; - Background
background-color: #5b9a68; - CSS variable
--color-5b9a68: #5b9a68; - Modern CSS
color: oklch(63% 0.1 149); - SCSS
$color-5b9a68: #5b9a68; - Tailwind
bg-[#5b9a68] text-[#5b9a68] - HTML
<div style="background-color: #5b9a68"></div>