Color con nombre más cercano · #386DB2
#386DB2
Color con nombre más cercano: Matt Blue
#386DB2 (rgb(56 109 178), hsl(214 52% 46%), oklch(0.532 0.123 255.9)) se parece más al color con nombre Matt Blue. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#386DB2
oklch(0.532 0.123 255.9)
Conversiones de color
- HEX
- #386db2
- RGB
- rgb(56 109 178)
- HSL
- hsl(214 52% 46%)
- HWB
- hwb(214 22% 30%)
- OKLCH
- oklch(0.532 0.123 255.9)
- OKLab
- oklab(0.532 -0.03 -0.119)
- CIE Lab
- lab(45 -0.24 -42.67)
- LCH
- lch(45 42.67 269.7)
- CMYK
- cmyk(69% 39% 0% 30%)
Tintes · Sombras · Tonos
Tintes
- 4C7BBA
- 5F8AC3
- 7398CB
- 86A7D3
- 9AB5DA
- AEC4E2
- C2D3E9
- D6E1F1
- EAF0F8
Sombras
- 2F5E9A
- 274F83
- 1F416D
- 173357
- 0F2643
- 08192F
- 040D1D
- 01040C
- 000101
Tonos
- 406FAD
- 4872A9
- 5074A4
- 57769F
- 5E789A
- 657A95
- 6C7C90
- 737D8B
- 797F86
Armonías de color
Complementario +180°
- 386DB2
Matt Blue
- 916200
≈ Raw Sienna
Análogo -30° +30°
- 386DB2
Matt Blue
- 007899
≈ Pristine Seas
- 6760B0
≈ Blue Marguerite
Triádico +120° +240°
- 386DB2
Matt Blue
- A74A54
≈ Black Pudding
- 4A7C2D
≈ Master Chief
Complementario dividido +150° +210°
- 386DB2
Matt Blue
- A55227
≈ Garfield
- 767000
≈ Bronze Yellow
Tetrádico +90° +180° +270°
- 386DB2
Matt Blue
- 9D4C7B
≈ Orchid Lei
- 916200
≈ Raw Sienna
- 00805D
≈ Spanish Viridian
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.25:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 3.99:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--matt-blue: #386db2;
--matt-blue-rgb: 56 109 178;
--matt-blue-oklch: oklch(0.532 0.123 255.9);
}
.element {
color: var(--matt-blue);
background-color: hsl(214 52% 46%);
border-color: oklch(0.532 0.123 255.9);
}Tailwind CSS v4
@theme {
--color-matt-blue: #386db2;
--color-matt-blue-50: #e0f7ff;
--color-matt-blue-100: #cfeaff;
--color-matt-blue-200: #b4d6ff;
--color-matt-blue-300: #90b9f6;
--color-matt-blue-400: #6da1e6;
--color-matt-blue-500: #4b87d6;
--color-matt-blue-600: #4072b4;
--color-matt-blue-700: #335c91;
--color-matt-blue-800: #21436c;
--color-matt-blue-900: #162f4c;
--color-matt-blue-950: #071b32;
}SCSS
$matt-blue: #386db2;
$matt-blue-rgb: 56, 109, 178;
$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);
}