#2C8AEC Color (Hex and RGB)
#2C8AEC
#2c8aec has RGB values (44, 138, 236). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2C8AEC | R2CG8ABEC | |
| RGB | rgb(44 138 236) | R44G138B236 | |
| HSL | hsl(211 83% 55%) | H211°S83%L55% | |
| OKLCH | oklch(63% 0.17 253) | L0.63C0.17H253° | |
| HSV | hsv(211, 81%, 93%) | H211°S81%V93% | |
| CMYK | cmyk(81%, 42%, 0%, 7%) | C81%M42%Y0%K7% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00101100 | 10001010 | 11101100 |
| Octal | 54 | 212 | 354 |
| Decimal | 44 | 138 | 236 |
| Hex | 2c | 8a | ec |
Shades & tints
Shades mix #2C8AEC with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2C8AEC0%
- #287ED89%
- #2573C417%
- #2167B026%
- #1D5B9C34%
- #194F8843%
- #16447451%
- #12386059%
- #0E2C4C68%
- #0A203777%
- #07152385%
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
#2C8AEC on #FFFFFF
3.53:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#2C8AEC on #000000
5.95:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #2C8AEC
3.53:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #2C8AEC
5.95:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #2c8aec; - Background
background-color: #2c8aec; - CSS variable
--color-2c8aec: #2c8aec; - Modern CSS
color: oklch(63% 0.17 253); - SCSS
$color-2c8aec: #2c8aec; - Tailwind
bg-[#2c8aec] text-[#2c8aec] - HTML
<div style="background-color: #2c8aec"></div>