Cor nomeada mais próxima · #2869CF
#2869CF
Cor nomeada mais próxima: Matt Blue
#2869CF (rgb(40 105 207), hsl(217 68% 48%), oklch(0.537 0.171 259.4)) é mais próxima da cor nomeada Matt Blue. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#2869CF
oklch(0.537 0.171 259.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 3F79D5
- 5588DB
- 6A97E1
- 7FA6E6
- 93B5EB
- A9C4EF
- BED3F4
- D3E2F8
- E9F0FC
Sombras
- 215AB4
- 1B4C99
- 153E7F
- 0F3167
- 09244F
- 041838
- 020C23
- 010410
- 000002
Tons
- 336DC8
- 3E70C0
- 4773B9
- 5075B1
- 5878A9
- 617AA2
- 697C9A
- 717D91
- 787F89
Harmonias de cor
Complementar +180°
- 2869CF
Matt Blue
- 906500
≈ Alligator
Análoga -30° +30°
- 2869CF
Matt Blue
- 00789F
≈ Mitchell Blue
- 6F56C9
≈ Ameixa
Tríade +120° +240°
- 2869CF
Matt Blue
- BD3544
≈ Rust Effect
- 2A8400
≈ Green Bell Pepper
Complementar dividida +150° +210°
- 2869CF
Matt Blue
- AD4F00
≈ Cinnamon Bun
- 737300
≈ Spinach Soup
Tétrade +90° +180° +270°
- 2869CF
Matt Blue
- B1387D
≈ Fuchsia Red
- 906500
≈ Alligator
- 008164
≈ Generic Viridian
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.23:1 · APCA Lc 75
Ag
FailSobre preto
WCAG 4.01:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
Trechos de código
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);
}