#C7ECEE Color (Hex and RGB)
#C7ECEE
#c7ecee has RGB values (199, 236, 238). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #C7ECEE | RC7GECBEE | |
| RGB | rgb(199 236 238) | R199G236B238 | |
| HSL | hsl(183 53% 86%) | H183°S53%L86% | |
| OKLCH | oklch(92% 0.04 201) | L0.92C0.04H201° | |
| HSV | hsv(183, 16%, 93%) | H183°S16%V93% | |
| CMYK | cmyk(16%, 1%, 0%, 7%) | C16%M1%Y0%K7% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11000111 | 11101100 | 11101110 |
| Octal | 307 | 354 | 356 |
| Decimal | 199 | 236 | 238 |
| Hex | c7 | ec | ee |
Shades & tints
Shades mix #C7ECEE with black; tints mix it with white. Click any swatch to explore it.
Shades
- #C7ECEE0%
- #B6D8DA9%
- #A5C4C617%
- #94B0B126%
- #839C9D34%
- #72888943%
- #62747551%
- #51606059%
- #404C4C68%
- #2F373877%
- #1E232485%
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
#C7ECEE on #FFFFFF
1.26:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#C7ECEE on #000000
16.66:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #C7ECEE
1.26:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #C7ECEE
16.66:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #c7ecee; - Background
background-color: #c7ecee; - CSS variable
--color-c7ecee: #c7ecee; - Modern CSS
color: oklch(92% 0.04 201); - SCSS
$color-c7ecee: #c7ecee; - Tailwind
bg-[#c7ecee] text-[#c7ecee] - HTML
<div style="background-color: #c7ecee"></div>