#00AEE6 Color (Hex and RGB)
#00AEE6
#00aee6 has RGB values (0, 174, 230). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #00AEE6 | R00GAEBE6 | |
| RGB | rgb(0 174 230) | R0G174B230 | |
| HSL | hsl(195 100% 45%) | H195°S100%L45% | |
| OKLCH | oklch(70% 0.14 230) | L0.7C0.14H230° | |
| HSV | hsv(195, 100%, 90%) | H195°S100%V90% | |
| CMYK | cmyk(100%, 24%, 0%, 10%) | C100%M24%Y0%K10% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 10101110 | 11100110 |
| Octal | 0 | 256 | 346 |
| Decimal | 0 | 174 | 230 |
| Hex | 00 | ae | e6 |
Shades & tints
Shades mix #00AEE6 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #00AEE60%
- #009FD29%
- #0090BF17%
- #0082AB26%
- #00739834%
- #00648443%
- #00557151%
- #00465D59%
- #00384A68%
- #00293677%
- #001A2385%
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
#00AEE6 on #FFFFFF
2.56:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#00AEE6 on #000000
8.20:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #00AEE6
2.56:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #00AEE6
8.20:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #00aee6; - Background
background-color: #00aee6; - CSS variable
--color-00aee6: #00aee6; - Modern CSS
color: oklch(70% 0.14 230); - SCSS
$color-00aee6: #00aee6; - Tailwind
bg-[#00aee6] text-[#00aee6] - HTML
<div style="background-color: #00aee6"></div>