#CF0072 Color (Hex and RGB)
#CF0072
#cf0072 has RGB values (207, 0, 114). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #CF0072 | RCFG00B72 | |
| RGB | rgb(207 0 114) | R207G0B114 | |
| HSL | hsl(327 100% 41%) | H327°S100%L41% | |
| OKLCH | oklch(56% 0.23 358) | L0.56C0.23H358° | |
| HSV | hsv(327, 100%, 81%) | H327°S100%V81% | |
| CMYK | cmyk(0%, 100%, 45%, 19%) | C0%M100%Y45%K19% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11001111 | 00000000 | 01110010 |
| Octal | 317 | 0 | 162 |
| Decimal | 207 | 0 | 114 |
| Hex | cf | 00 | 72 |
Shades & tints
Shades mix #CF0072 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #CF00720%
- #BD00689%
- #AC005F17%
- #9A005526%
- #89004B34%
- #77004243%
- #65003851%
- #54002E59%
- #42002468%
- #31001B77%
- #1F001185%
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
#CF0072 on #FFFFFF
5.39:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#CF0072 on #000000
3.90:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #CF0072
5.39:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #CF0072
3.90:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #cf0072; - Background
background-color: #cf0072; - CSS variable
--color-cf0072: #cf0072; - Modern CSS
color: oklch(56% 0.23 358); - SCSS
$color-cf0072: #cf0072; - Tailwind
bg-[#cf0072] text-[#cf0072] - HTML
<div style="background-color: #cf0072"></div>