#1475DC Color (Hex and RGB)
#1475DC
#1475dc has RGB values (20, 117, 220). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #1475DC | R14G75BDC | |
| RGB | rgb(20 117 220) | R20G117B220 | |
| HSL | hsl(211 83% 47%) | H211°S83%L47% | |
| OKLCH | oklch(57% 0.18 255) | L0.57C0.18H255° | |
| HSV | hsv(211, 91%, 86%) | H211°S91%V86% | |
| CMYK | cmyk(91%, 47%, 0%, 14%) | C91%M47%Y0%K14% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00010100 | 01110101 | 11011100 |
| Octal | 24 | 165 | 334 |
| Decimal | 20 | 117 | 220 |
| Hex | 14 | 75 | dc |
Shades & tints
Shades mix #1475DC with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1475DC0%
- #126BC99%
- #1161B717%
- #0F57A426%
- #0D4D9134%
- #0C437F43%
- #0A396C51%
- #082F5959%
- #06254668%
- #051B3477%
- #03122185%
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
#1475DC on #FFFFFF
4.56:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#1475DC on #000000
4.61:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #1475DC
4.56:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #1475DC
4.61:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #1475dc; - Background
background-color: #1475dc; - CSS variable
--color-1475dc: #1475dc; - Modern CSS
color: oklch(57% 0.18 255); - SCSS
$color-1475dc: #1475dc; - Tailwind
bg-[#1475dc] text-[#1475dc] - HTML
<div style="background-color: #1475dc"></div>