#68BEDE Color (Hex and RGB)
#68BEDE
#68bede has RGB values (104, 190, 222). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #68BEDE | R68GBEBDE | |
| RGB | rgb(104 190 222) | R104G190B222 | |
| HSL | hsl(196 64% 64%) | H196°S64%L64% | |
| OKLCH | oklch(76% 0.09 225) | L0.76C0.09H225° | |
| HSV | hsv(196, 53%, 87%) | H196°S53%V87% | |
| CMYK | cmyk(53%, 14%, 0%, 13%) | C53%M14%Y0%K13% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01101000 | 10111110 | 11011110 |
| Octal | 150 | 276 | 336 |
| Decimal | 104 | 190 | 222 |
| Hex | 68 | be | de |
Shades & tints
Shades mix #68BEDE with black; tints mix it with white. Click any swatch to explore it.
Shades
- #68BEDE0%
- #5FAECB9%
- #569EB817%
- #4D8EA526%
- #457D9334%
- #3C6D8043%
- #335D6D51%
- #2A4D5A59%
- #213D4768%
- #182D3477%
- #101D2185%
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
#68BEDE on #FFFFFF
2.10:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#68BEDE on #000000
10.01:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #68BEDE
2.10:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #68BEDE
10.01:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #68bede; - Background
background-color: #68bede; - CSS variable
--color-68bede: #68bede; - Modern CSS
color: oklch(76% 0.09 225); - SCSS
$color-68bede: #68bede; - Tailwind
bg-[#68bede] text-[#68bede] - HTML
<div style="background-color: #68bede"></div>