Color con nombre más cercano · #929ECF
#929ECF
Color con nombre más cercano: Azureno
#929ECF (rgb(146 158 207), hsl(228 39% 69%), oklch(0.708 0.073 273.7)) se parece más al color con nombre Azureno. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#929ECF
oklch(0.708 0.073 273.7)
Conversiones de color
- HEX
- #929ecf
- RGB
- rgb(146 158 207)
- HSL
- hsl(228 39% 69%)
- HWB
- hwb(228 57% 19%)
- OKLCH
- oklch(0.708 0.073 273.7)
- OKLab
- oklab(0.708 0.005 -0.073)
- CIE Lab
- lab(65.51 4.08 -26.75)
- LCH
- lch(65.51 27.06 278.7)
- CMYK
- cmyk(29% 24% 0% 19%)
Tintes · Sombras · Tonos
Tintes
- 9CA7D4
- A7B1D9
- B1BBDE
- BCC4E3
- C7CEE8
- D2D8EC
- DDE1F1
- E8EBF6
- F4F5FA
Sombras
- 7E89B4
- 6B7499
- 58607F
- 464D67
- 353A4F
- 252938
- 161823
- 080910
- 010102
Tonos
- 909BC7
- 8E98BF
- 8C95B7
- 8B92AF
- 898FA7
- 878C9F
- 858998
- 848690
- 828388
Armonías de color
Complementario +180°
- 929ECF
Azureno
- B0A06C
≈ Zucchini Garden
Análogo -30° +30°
- 929ECF
Azureno
- 79A6CB
≈ Seaborne
- AA96C7
≈ Grape Arbour
Triádico +120° +240°
- 929ECF
Azureno
- CA9183
≈ Simmering Ridge
- 7DAF8C
≈ Mate Tea
Complementario dividido +150° +210°
- 929ECF
Azureno
- C29771
≈ Lanyard
- 97A976
≈ Green Plaza
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.62:1 · APCA Lc 51
Ag
AAASobre negro
WCAG 8.01:1 · APCA Lc 51
Mejor color de texto: #000000
WCAG 8.01:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmentos de código
CSS
:root {
--azureno: #929ecf;
--azureno-rgb: 146 158 207;
--azureno-oklch: oklch(0.708 0.073 273.7);
}
.element {
color: var(--azureno);
background-color: hsl(228 39% 69%);
border-color: oklch(0.708 0.073 273.7);
}Tailwind CSS v4
@theme {
--color-azureno: #929ecf;
--color-azureno-50: #eff4ff;
--color-azureno-100: #e1e6ff;
--color-azureno-200: #cbd2f4;
--color-azureno-300: #acb5dd;
--color-azureno-400: #909cca;
--color-azureno-500: #7783b7;
--color-azureno-600: #646f9b;
--color-azureno-700: #50597c;
--color-azureno-800: #39415c;
--color-azureno-900: #272d40;
--color-azureno-950: #151a29;
}SCSS
$azureno: #929ecf;
$azureno-rgb: 146, 158, 207;
$azureno-light: mix(#fff, $azureno, 20%);
$azureno-dark: mix(#000, $azureno, 20%);
.element {
color: $azureno;
box-shadow: 0 0 0 2px rgba($azureno, 0.35);
}