#0CA750 Color (Hex and RGB)
#0CA750
#0ca750 has RGB values (12, 167, 80). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #0CA750 | R0CGA7B50 | |
| RGB | rgb(12 167 80) | R12G167B80 | |
| HSL | hsl(146 87% 35%) | H146°S87%L35% | |
| OKLCH | oklch(64% 0.17 151) | L0.64C0.17H151° | |
| HSV | hsv(146, 93%, 65%) | H146°S93%V65% | |
| CMYK | cmyk(93%, 0%, 52%, 35%) | C93%M0%Y52%K35% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00001100 | 10100111 | 01010000 |
| Octal | 14 | 247 | 120 |
| Decimal | 12 | 167 | 80 |
| Hex | 0c | a7 | 50 |
Shades & tints
Shades mix #0CA750 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0CA7500%
- #0B99499%
- #0A8B4217%
- #097C3C26%
- #086E3534%
- #07602E43%
- #06522751%
- #05442059%
- #04351A68%
- #03271377%
- #02190C85%
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
#0CA750 on #FFFFFF
3.15:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#0CA750 on #000000
6.66:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #0CA750
3.15:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #0CA750
6.66:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #0ca750; - Background
background-color: #0ca750; - CSS variable
--color-0ca750: #0ca750; - Modern CSS
color: oklch(64% 0.17 151); - SCSS
$color-0ca750: #0ca750; - Tailwind
bg-[#0ca750] text-[#0ca750] - HTML
<div style="background-color: #0ca750"></div>