#2F9FD0 Color (Hex and RGB)
#2F9FD0
#2f9fd0 has RGB values (47, 159, 208). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2F9FD0 | R2FG9FBD0 | |
| RGB | rgb(47 159 208) | R47G159B208 | |
| HSL | hsl(198 63% 50%) | H198°S63%L50% | |
| OKLCH | oklch(66% 0.12 232) | L0.66C0.12H232° | |
| HSV | hsv(198, 77%, 82%) | H198°S77%V82% | |
| CMYK | cmyk(77%, 24%, 0%, 18%) | C77%M24%Y0%K18% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00101111 | 10011111 | 11010000 |
| Octal | 57 | 237 | 320 |
| Decimal | 47 | 159 | 208 |
| Hex | 2f | 9f | d0 |
Shades & tints
Shades mix #2F9FD0 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2F9FD00%
- #2B91BE9%
- #2784AD17%
- #23769B26%
- #1F698934%
- #1B5B7843%
- #174E6651%
- #13405459%
- #0F334368%
- #0B253177%
- #07181F85%
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
#2F9FD0 on #FFFFFF
3.00:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#2F9FD0 on #000000
6.99:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #2F9FD0
3.00:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #2F9FD0
6.99:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #2f9fd0; - Background
background-color: #2f9fd0; - CSS variable
--color-2f9fd0: #2f9fd0; - Modern CSS
color: oklch(66% 0.12 232); - SCSS
$color-2f9fd0: #2f9fd0; - Tailwind
bg-[#2f9fd0] text-[#2f9fd0] - HTML
<div style="background-color: #2f9fd0"></div>