Nearest named color · #0160F5
#0160F5
Nearest named color: Epic Blue
#0160F5 (rgb(1 96 245), hsl(217 99% 48%), oklch(0.544 0.235 261.1)) is closest to the named color Epic Blue. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#0160F5
oklch(0.544 0.235 261.1)
Color conversions
- HEX
- #0160f5
- RGB
- rgb(1 96 245)
- HSL
- hsl(217 99% 48%)
- HWB
- hwb(217 0% 4%)
- OKLCH
- oklch(0.544 0.235 261.1)
- OKLab
- oklab(0.544 -0.036 -0.233)
- CIE Lab
- lab(44.13 24.35 -82.3)
- LCH
- lch(44.13 85.83 286.5)
- CMYK
- cmyk(100% 61% 0% 4%)
Tints · Shades · Tones
Tints
- 2973F8
- 4485FB
- 5C95FD
- 73A5FF
- 8AB5FF
- A1C4FF
- B8D3FF
- D0E2FF
- E7F1FF
Shades
- 0152D5
- 0145B6
- 003898
- 002C7B
- 00205F
- 001544
- 000A2B
- 000315
- 000003
Tones
- 1B66EA
- 2B6BDF
- 3870D4
- 4474C8
- 4F77BD
- 5979B1
- 637CA6
- 6D7E99
- 777F8D
Color harmonies
Complementary +180°
- 0160F5
Epic Blue
- 916700
≈ Gamboge Brown
Analogous -30° +30°
- 0160F5
Epic Blue
- 007AA4
≈ CG Blue
- 7842EA
≈ Bluish Purple
Triadic +120° +240°
- 0160F5
Epic Blue
- D10032
≈ Cherry
- 1C8700
≈ India Green
Split-complementary +150° +210°
- 0160F5
Epic Blue
- AE5200
≈ Brandy Bear
- 737500
≈ Spinach Soup
Tetradic +90° +180° +270°
- 0160F5
Epic Blue
- C6007F
≈ Bramble Jam
- 916700
≈ Gamboge Brown
- 008367
≈ Bosphorus
Contrast & accessibility
Ag
AAOn white
WCAG 5.25:1 · APCA Lc 75
Ag
FailOn black
WCAG 3.99:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--epic-blue: #0160f5;
--epic-blue-rgb: 1 96 245;
--epic-blue-oklch: oklch(0.544 0.235 261.1);
}
.element {
color: var(--epic-blue);
background-color: hsl(217 99% 48%);
border-color: oklch(0.544 0.235 261.1);
}Tailwind CSS v4
@theme {
--color-epic-blue: #0160f5;
--color-epic-blue-50: #d2f6ff;
--color-epic-blue-100: #bfe8ff;
--color-epic-blue-200: #9fd2ff;
--color-epic-blue-300: #76b2ff;
--color-epic-blue-400: #4696ff;
--color-epic-blue-500: #1076ff;
--color-epic-blue-600: #1264f1;
--color-epic-blue-700: #0f50c2;
--color-epic-blue-800: #003b91;
--color-epic-blue-900: #002967;
--color-epic-blue-950: #001548;
}SCSS
$epic-blue: #0160f5;
$epic-blue-rgb: 1, 96, 245;
$epic-blue-light: mix(#fff, $epic-blue, 20%);
$epic-blue-dark: mix(#000, $epic-blue, 20%);
.element {
color: $epic-blue;
box-shadow: 0 0 0 2px rgba($epic-blue, 0.35);
}