#7AE5E7 Color (Hex and RGB)
#7AE5E7
#7ae5e7 has RGB values (122, 229, 231). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #7AE5E7 | R7AGE5BE7 | |
| RGB | rgb(122 229 231) | R122G229B231 | |
| HSL | hsl(181 69% 69%) | H181°S69%L69% | |
| OKLCH | oklch(86% 0.1 197) | L0.86C0.1H197° | |
| HSV | hsv(181, 47%, 91%) | H181°S47%V91% | |
| CMYK | cmyk(47%, 1%, 0%, 9%) | C47%M1%Y0%K9% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01111010 | 11100101 | 11100111 |
| Octal | 172 | 345 | 347 |
| Decimal | 122 | 229 | 231 |
| Hex | 7a | e5 | e7 |
Shades & tints
Shades mix #7AE5E7 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #7AE5E70%
- #70D2D39%
- #65BEC017%
- #5BABAC26%
- #51979834%
- #46848543%
- #3C707151%
- #315D5E59%
- #27494A68%
- #1D363677%
- #12222385%
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
#7AE5E7 on #FFFFFF
1.48:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#7AE5E7 on #000000
14.19:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #7AE5E7
1.48:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #7AE5E7
14.19:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #7ae5e7; - Background
background-color: #7ae5e7; - CSS variable
--color-7ae5e7: #7ae5e7; - Modern CSS
color: oklch(86% 0.1 197); - SCSS
$color-7ae5e7: #7ae5e7; - Tailwind
bg-[#7ae5e7] text-[#7ae5e7] - HTML
<div style="background-color: #7ae5e7"></div>