#69C5E4 Color (Hex and RGB)
#69C5E4
#69c5e4 has RGB values (105, 197, 228). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #69C5E4 | R69GC5BE4 | |
| RGB | rgb(105 197 228) | R105G197B228 | |
| HSL | hsl(195 69% 65%) | H195°S69%L65% | |
| OKLCH | oklch(78% 0.1 222) | L0.78C0.1H222° | |
| HSV | hsv(195, 54%, 89%) | H195°S54%V89% | |
| CMYK | cmyk(54%, 14%, 0%, 11%) | C54%M14%Y0%K11% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01101001 | 11000101 | 11100100 |
| Octal | 151 | 305 | 344 |
| Decimal | 105 | 197 | 228 |
| Hex | 69 | c5 | e4 |
Shades & tints
Shades mix #69C5E4 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #69C5E40%
- #60B4D19%
- #57A4BD17%
- #4E93AA26%
- #45829634%
- #3C718343%
- #33617051%
- #2B505C59%
- #223F4968%
- #192E3677%
- #101E2285%
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
#69C5E4 on #FFFFFF
1.96:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#69C5E4 on #000000
10.71:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #69C5E4
1.96:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #69C5E4
10.71:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #69c5e4; - Background
background-color: #69c5e4; - CSS variable
--color-69c5e4: #69c5e4; - Modern CSS
color: oklch(78% 0.1 222); - SCSS
$color-69c5e4: #69c5e4; - Tailwind
bg-[#69c5e4] text-[#69c5e4] - HTML
<div style="background-color: #69c5e4"></div>