#F3F3F5 Color (Hex and RGB)
#F3F3F5
#f3f3f5 has RGB values (243, 243, 245). The color reads primarily as light gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F3F3F5 | RF3GF3BF5 | |
| RGB | rgb(243 243 245) | R243G243B245 | |
| HSL | hsl(240 9% 96%) | H240°S9%L96% | |
| OKLCH | oklch(96% 0 286) | L0.96C0H286° | |
| HSV | hsv(240, 1%, 96%) | H240°S1%V96% | |
| CMYK | cmyk(1%, 1%, 0%, 4%) | C1%M1%Y0%K4% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110011 | 11110011 | 11110101 |
| Octal | 363 | 363 | 365 |
| Decimal | 243 | 243 | 245 |
| Hex | f3 | f3 | f5 |
Shades & tints
Shades mix #F3F3F5 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F3F3F50%
- #DEDEE09%
- #CACACB17%
- #B5B5B726%
- #A0A0A234%
- #8C8C8D43%
- #77777851%
- #62626359%
- #4E4E4E68%
- #39393A77%
- #24242585%
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
#F3F3F5 on #FFFFFF
1.11:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#F3F3F5 on #000000
18.95:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F3F3F5
1.11:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #F3F3F5
18.95:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f3f3f5; - Background
background-color: #f3f3f5; - CSS variable
--color-f3f3f5: #f3f3f5; - Modern CSS
color: oklch(96% 0 286); - SCSS
$color-f3f3f5: #f3f3f5; - Tailwind
bg-[#f3f3f5] text-[#f3f3f5] - HTML
<div style="background-color: #f3f3f5"></div>