#4298B5 Color (Hex and RGB)
#4298B5
#4298b5 has RGB values (66, 152, 181). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #4298B5 | R42G98BB5 | |
| RGB | rgb(66 152 181) | R66G152B181 | |
| HSL | hsl(195 47% 48%) | H195°S47%L48% | |
| OKLCH | oklch(64% 0.09 223) | L0.64C0.09H223° | |
| HSV | hsv(195, 64%, 71%) | H195°S64%V71% | |
| CMYK | cmyk(64%, 16%, 0%, 29%) | C64%M16%Y0%K29% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01000010 | 10011000 | 10110101 |
| Octal | 102 | 230 | 265 |
| Decimal | 66 | 152 | 181 |
| Hex | 42 | 98 | b5 |
Shades & tints
Shades mix #4298B5 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #4298B50%
- #3C8BA69%
- #377E9617%
- #31718726%
- #2C647734%
- #26576843%
- #204A5951%
- #1B3E4959%
- #15313A68%
- #10242B77%
- #0A171B85%
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
#4298B5 on #FFFFFF
3.29:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#4298B5 on #000000
6.39:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #4298B5
3.29:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #4298B5
6.39:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #4298b5; - Background
background-color: #4298b5; - CSS variable
--color-4298b5: #4298b5; - Modern CSS
color: oklch(64% 0.09 223); - SCSS
$color-4298b5: #4298b5; - Tailwind
bg-[#4298b5] text-[#4298b5] - HTML
<div style="background-color: #4298b5"></div>