#E3F1F8 Color (Hex and RGB)
#E3F1F8
#e3f1f8 has RGB values (227, 241, 248). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #E3F1F8 | RE3GF1BF8 | |
| RGB | rgb(227 241 248) | R227G241B248 | |
| HSL | hsl(200 60% 93%) | H200°S60%L93% | |
| OKLCH | oklch(95% 0.02 229) | L0.95C0.02H229° | |
| HSV | hsv(200, 8%, 97%) | H200°S8%V97% | |
| CMYK | cmyk(8%, 3%, 0%, 3%) | C8%M3%Y0%K3% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11100011 | 11110001 | 11111000 |
| Octal | 343 | 361 | 370 |
| Decimal | 227 | 241 | 248 |
| Hex | e3 | f1 | f8 |
Shades & tints
Shades mix #E3F1F8 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #E3F1F80%
- #D0DDE39%
- #BCC8CE17%
- #A9B4B926%
- #969FA434%
- #838B8F43%
- #6F767A51%
- #5C626459%
- #494D4F68%
- #35393A77%
- #22242585%
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
#E3F1F8 on #FFFFFF
1.15:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#E3F1F8 on #000000
18.20:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #E3F1F8
1.15:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #E3F1F8
18.20:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #e3f1f8; - Background
background-color: #e3f1f8; - CSS variable
--color-e3f1f8: #e3f1f8; - Modern CSS
color: oklch(95% 0.02 229); - SCSS
$color-e3f1f8: #e3f1f8; - Tailwind
bg-[#e3f1f8] text-[#e3f1f8] - HTML
<div style="background-color: #e3f1f8"></div>