#006564 Color (Hex and RGB)
#006564
#006564 has RGB values (0, 101, 100). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #006564 | R00G65B64 | |
| RGB | rgb(0 101 100) | R0G101B100 | |
| HSL | hsl(179 100% 20%) | H179°S100%L20% | |
| OKLCH | oklch(46% 0.08 194) | L0.46C0.08H194° | |
| HSV | hsv(179, 100%, 40%) | H179°S100%V40% | |
| CMYK | cmyk(100%, 0%, 1%, 60%) | C100%M0%Y1%K60% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 01100101 | 01100100 |
| Octal | 0 | 145 | 144 |
| Decimal | 0 | 101 | 100 |
| Hex | 00 | 65 | 64 |
Shades & tints
Shades mix #006564 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0065640%
- #005C5C9%
- #00545317%
- #004B4B26%
- #00434234%
- #003A3A43%
- #00313151%
- #00292959%
- #00202068%
- #00181877%
- #000F0F85%
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
#006564 on #FFFFFF
6.90:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#006564 on #000000
3.05:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #006564
6.90:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #006564
3.05:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #006564; - Background
background-color: #006564; - CSS variable
--color-006564: #006564; - Modern CSS
color: oklch(46% 0.08 194); - SCSS
$color-006564: #006564; - Tailwind
bg-[#006564] text-[#006564] - HTML
<div style="background-color: #006564"></div>