#6A9C84 Color (Hex and RGB)
#6A9C84
#6a9c84 has RGB values (106, 156, 132). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #6A9C84 | R6AG9CB84 | |
| RGB | rgb(106 156 132) | R106G156B132 | |
| HSL | hsl(151 20% 51%) | H151°S20%L51% | |
| OKLCH | oklch(65% 0.06 163) | L0.65C0.06H163° | |
| HSV | hsv(151, 32%, 61%) | H151°S32%V61% | |
| CMYK | cmyk(32%, 0%, 15%, 39%) | C32%M0%Y15%K39% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01101010 | 10011100 | 10000100 |
| Octal | 152 | 234 | 204 |
| Decimal | 106 | 156 | 132 |
| Hex | 6a | 9c | 84 |
Shades & tints
Shades mix #6A9C84 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #6A9C840%
- #618F799%
- #58816E17%
- #4F746226%
- #46675734%
- #3D5A4C43%
- #344C4151%
- #2B3F3559%
- #22322A68%
- #19251F77%
- #10171485%
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
#6A9C84 on #FFFFFF
3.13:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#6A9C84 on #000000
6.70:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #6A9C84
3.13:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #6A9C84
6.70:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #6a9c84; - Background
background-color: #6a9c84; - CSS variable
--color-6a9c84: #6a9c84; - Modern CSS
color: oklch(65% 0.06 163); - SCSS
$color-6a9c84: #6a9c84; - Tailwind
bg-[#6a9c84] text-[#6a9c84] - HTML
<div style="background-color: #6a9c84"></div>