#00ADEF Color (Hex and RGB)
#00ADEF
#00adef has RGB values (0, 173, 239). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #00ADEF | R00GADBEF | |
| RGB | rgb(0 173 239) | R0G173B239 | |
| HSL | hsl(197 100% 47%) | H197°S100%L47% | |
| OKLCH | oklch(71% 0.15 235) | L0.71C0.15H235° | |
| HSV | hsv(197, 100%, 94%) | H197°S100%V94% | |
| CMYK | cmyk(100%, 28%, 0%, 6%) | C100%M28%Y0%K6% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 10101101 | 11101111 |
| Octal | 0 | 255 | 357 |
| Decimal | 0 | 173 | 239 |
| Hex | 00 | ad | ef |
Shades & tints
Shades mix #00ADEF with black; tints mix it with white. Click any swatch to explore it.
Shades
- #00ADEF0%
- #009EDB9%
- #0090C617%
- #0081B226%
- #00729E34%
- #00638943%
- #00557551%
- #00466159%
- #00374C68%
- #00293877%
- #001A2485%
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
#00ADEF on #FFFFFF
2.55:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#00ADEF on #000000
8.22:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #00ADEF
2.55:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #00ADEF
8.22:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #00adef; - Background
background-color: #00adef; - CSS variable
--color-00adef: #00adef; - Modern CSS
color: oklch(71% 0.15 235); - SCSS
$color-00adef: #00adef; - Tailwind
bg-[#00adef] text-[#00adef] - HTML
<div style="background-color: #00adef"></div>