Nearest named color · #0068C1
#0068C1
Nearest named color: Matt Blue
#0068C1 (rgb(0 104 193), hsl(208 100% 38%), oklch(0.518 0.161 253.2)) is closest to the named color Matt Blue. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#0068C1
oklch(0.518 0.161 253.2)
Color conversions
- HEX
- #0068c1
- RGB
- rgb(0 104 193)
- HSL
- hsl(208 100% 38%)
- HWB
- hwb(208 0% 24%)
- OKLCH
- oklch(0.518 0.161 253.2)
- OKLab
- oklab(0.518 -0.047 -0.154)
- CIE Lab
- lab(43 1.82 -54.64)
- LCH
- lch(43 54.67 271.9)
- CMYK
- cmyk(100% 46% 0% 24%)
Tints · Shades · Tones
Tints
- 2D78C8
- 4787CF
- 5F96D6
- 76A5DD
- 8DB4E3
- A3C3E9
- BAD2EF
- D1E1F5
- E8F0FA
Shades
- 0059A7
- 004B8F
- 003E77
- 00305F
- 002449
- 001834
- 000C20
- 00040E
- 000002
Tones
- 1E6BBB
- 2F6FB5
- 3C72AF
- 4774A9
- 5277A2
- 5C799C
- 657B95
- 6E7D8E
- 777F87
Color harmonies
Complementary +180°
- 0068C1
Matt Blue
- 8E5D00
≈ Rat Brown
Analogous -30° +30°
- 0068C1
Matt Blue
- 007491
≈ Ocean Mirage
- 5F56C0
≈ Circumorbital Ring
Triadic +120° +240°
- 0068C1
Matt Blue
- B1344D
≈ Chubby Kiss
- 447900
≈ Tropicana
Split-complementary +150° +210°
- 0068C1
Matt Blue
- AD4200
≈ Pepperoni
- 746A00
≈ Brown Green
Tetradic +90° +180° +270°
- 0068C1
Matt Blue
- A33980
≈ Wild Aster
- 8E5D00
≈ Rat Brown
- 007C56
≈ Sharp Green
Contrast & accessibility
Ag
AAOn white
WCAG 5.59:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.75:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--matt-blue: #0068c1;
--matt-blue-rgb: 0 104 193;
--matt-blue-oklch: oklch(0.518 0.161 253.2);
}
.element {
color: var(--matt-blue);
background-color: hsl(208 100% 38%);
border-color: oklch(0.518 0.161 253.2);
}Tailwind CSS v4
@theme {
--color-matt-blue: #0068c1;
--color-matt-blue-50: #d7f8ff;
--color-matt-blue-100: #c4ebff;
--color-matt-blue-200: #a6d8ff;
--color-matt-blue-300: #7ebaff;
--color-matt-blue-400: #52a1fa;
--color-matt-blue-500: #2187ec;
--color-matt-blue-600: #1f72c7;
--color-matt-blue-700: #195ba0;
--color-matt-blue-800: #094477;
--color-matt-blue-900: #062f54;
--color-matt-blue-950: #001b39;
}SCSS
$matt-blue: #0068c1;
$matt-blue-rgb: 0, 104, 193;
$matt-blue-light: mix(#fff, $matt-blue, 20%);
$matt-blue-dark: mix(#000, $matt-blue, 20%);
.element {
color: $matt-blue;
box-shadow: 0 0 0 2px rgba($matt-blue, 0.35);
}