#2FA5D6 Color (Hex and RGB)
#2FA5D6
#2fa5d6 has RGB values (47, 165, 214). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2FA5D6 | R2FGA5BD6 | |
| RGB | rgb(47 165 214) | R47G165B214 | |
| HSL | hsl(198 67% 51%) | H198°S67%L51% | |
| OKLCH | oklch(68% 0.12 231) | L0.68C0.12H231° | |
| HSV | hsv(198, 78%, 84%) | H198°S78%V84% | |
| CMYK | cmyk(78%, 23%, 0%, 16%) | C78%M23%Y0%K16% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00101111 | 10100101 | 11010110 |
| Octal | 57 | 245 | 326 |
| Decimal | 47 | 165 | 214 |
| Hex | 2f | a5 | d6 |
Shades & tints
Shades mix #2FA5D6 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2FA5D60%
- #2B97C49%
- #2789B217%
- #237B9F26%
- #1F6D8D34%
- #1B5F7B43%
- #17516951%
- #13435759%
- #0F354468%
- #0B273277%
- #07192085%
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
#2FA5D6 on #FFFFFF
2.81:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#2FA5D6 on #000000
7.47:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #2FA5D6
2.81:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #2FA5D6
7.47:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #2fa5d6; - Background
background-color: #2fa5d6; - CSS variable
--color-2fa5d6: #2fa5d6; - Modern CSS
color: oklch(68% 0.12 231); - SCSS
$color-2fa5d6: #2fa5d6; - Tailwind
bg-[#2fa5d6] text-[#2fa5d6] - HTML
<div style="background-color: #2fa5d6"></div>