#5EC6F2 Color (Hex and RGB)
#5EC6F2
#5ec6f2 has RGB values (94, 198, 242). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #5EC6F2 | R5EGC6BF2 | |
| RGB | rgb(94 198 242) | R94G198B242 | |
| HSL | hsl(198 85% 66%) | H198°S85%L66% | |
| OKLCH | oklch(78% 0.11 229) | L0.78C0.11H229° | |
| HSV | hsv(198, 61%, 95%) | H198°S61%V95% | |
| CMYK | cmyk(61%, 18%, 0%, 5%) | C61%M18%Y0%K5% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01011110 | 11000110 | 11110010 |
| Octal | 136 | 306 | 362 |
| Decimal | 94 | 198 | 242 |
| Hex | 5e | c6 | f2 |
Shades & tints
Shades mix #5EC6F2 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #5EC6F20%
- #56B5DD9%
- #4EA4C917%
- #4694B426%
- #3E83A034%
- #36728B43%
- #2E617751%
- #26506259%
- #1E3F4D68%
- #162F3977%
- #0E1E2485%
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
#5EC6F2 on #FFFFFF
1.94:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#5EC6F2 on #000000
10.84:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #5EC6F2
1.94:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #5EC6F2
10.84:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #5ec6f2; - Background
background-color: #5ec6f2; - CSS variable
--color-5ec6f2: #5ec6f2; - Modern CSS
color: oklch(78% 0.11 229); - SCSS
$color-5ec6f2: #5ec6f2; - Tailwind
bg-[#5ec6f2] text-[#5ec6f2] - HTML
<div style="background-color: #5ec6f2"></div>