Nearest named color · #2869CF
#2869CF
Nearest named color: Matt Blue
#2869CF (rgb(40 105 207), hsl(217 68% 48%), oklch(0.537 0.171 259.4)) is closest to the named color Matt Blue. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2869CF
oklch(0.537 0.171 259.4)
Color conversions
- HEX
- #2869cf
- RGB
- rgb(40 105 207)
- HSL
- hsl(217 68% 48%)
- HWB
- hwb(217 16% 19%)
- OKLCH
- oklch(0.537 0.171 259.4)
- OKLab
- oklab(0.537 -0.031 -0.168)
- CIE Lab
- lab(44.78 8.68 -59.77)
- LCH
- lch(44.78 60.4 278.3)
- CMYK
- cmyk(81% 49% 0% 19%)
Tints · Shades · Tones
Tints
- 3F79D5
- 5588DB
- 6A97E1
- 7FA6E6
- 93B5EB
- A9C4EF
- BED3F4
- D3E2F8
- E9F0FC
Shades
- 215AB4
- 1B4C99
- 153E7F
- 0F3167
- 09244F
- 041838
- 020C23
- 010410
- 000002
Tones
- 336DC8
- 3E70C0
- 4773B9
- 5075B1
- 5878A9
- 617AA2
- 697C9A
- 717D91
- 787F89
Color harmonies
Complementary +180°
- 2869CF
Matt Blue
- 906500
≈ Alligator
Analogous -30° +30°
- 2869CF
Matt Blue
- 00789F
≈ Mitchell Blue
- 6F56C9
≈ Ameixa
Triadic +120° +240°
- 2869CF
Matt Blue
- BD3544
≈ Rust Effect
- 2A8400
≈ Green Bell Pepper
Split-complementary +150° +210°
- 2869CF
Matt Blue
- AD4F00
≈ Cinnamon Bun
- 737300
≈ Spinach Soup
Tetradic +90° +180° +270°
- 2869CF
Matt Blue
- B1387D
≈ Fuchsia Red
- 906500
≈ Alligator
- 008164
≈ Generic Viridian
Contrast & accessibility
Ag
AAOn white
WCAG 5.23:1 · APCA Lc 75
Ag
FailOn black
WCAG 4.01:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--matt-blue: #2869cf;
--matt-blue-rgb: 40 105 207;
--matt-blue-oklch: oklch(0.537 0.171 259.4);
}
.element {
color: var(--matt-blue);
background-color: hsl(217 68% 48%);
border-color: oklch(0.537 0.171 259.4);
}Tailwind CSS v4
@theme {
--color-matt-blue: #2869cf;
--color-matt-blue-50: #daf6ff;
--color-matt-blue-100: #c8e9ff;
--color-matt-blue-200: #abd5ff;
--color-matt-blue-300: #85b7ff;
--color-matt-blue-400: #5e9dff;
--color-matt-blue-500: #3881f5;
--color-matt-blue-600: #316ecf;
--color-matt-blue-700: #2758a6;
--color-matt-blue-800: #15417c;
--color-matt-blue-900: #0e2d58;
--color-matt-blue-950: #02193b;
}SCSS
$matt-blue: #2869cf;
$matt-blue-rgb: 40, 105, 207;
$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);
}