#00C7FD Color (Hex and RGB)
#00C7FD
#00c7fd has RGB values (0, 199, 253). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #00C7FD | R00GC7BFD | |
| RGB | rgb(0 199 253) | R0G199B253 | |
| HSL | hsl(193 100% 50%) | H193°S100%L50% | |
| OKLCH | oklch(77% 0.15 226) | L0.77C0.15H226° | |
| HSV | hsv(193, 100%, 99%) | H193°S100%V99% | |
| CMYK | cmyk(100%, 21%, 0%, 1%) | C100%M21%Y0%K1% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 11000111 | 11111101 |
| Octal | 0 | 307 | 375 |
| Decimal | 0 | 199 | 253 |
| Hex | 00 | c7 | fd |
Shades & tints
Shades mix #00C7FD with black; tints mix it with white. Click any swatch to explore it.
Shades
- #00C7FD0%
- #00B6E79%
- #00A5D217%
- #0094BC26%
- #0083A734%
- #00729143%
- #00627C51%
- #00516659%
- #00405168%
- #002F3B77%
- #001E2685%
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
#00C7FD on #FFFFFF
1.98:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#00C7FD on #000000
10.59:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #00C7FD
1.98:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #00C7FD
10.59:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #00c7fd; - Background
background-color: #00c7fd; - CSS variable
--color-00c7fd: #00c7fd; - Modern CSS
color: oklch(77% 0.15 226); - SCSS
$color-00c7fd: #00c7fd; - Tailwind
bg-[#00c7fd] text-[#00c7fd] - HTML
<div style="background-color: #00c7fd"></div>