Color con nombre más cercano · #14264B
#14264B
Color con nombre más cercano: Dark Eclipse
#14264B (rgb(20 38 75), hsl(220 58% 19%), oklch(0.276 0.073 263)) se parece más al color con nombre Dark Eclipse. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#14264B
oklch(0.276 0.073 263)
Conversiones de color
- HEX
- #14264b
- RGB
- rgb(20 38 75)
- HSL
- hsl(220 58% 19%)
- HWB
- hwb(220 8% 71%)
- OKLCH
- oklch(0.276 0.073 263)
- OKLab
- oklab(0.276 -0.009 -0.072)
- CIE Lab
- lab(15.34 3.62 -25.67)
- LCH
- lch(15.34 25.93 278)
- CMYK
- cmyk(73% 49% 0% 71%)
Tintes · Sombras · Tonos
Tintes
- 28395C
- 3C4D6D
- 52617F
- 697690
- 808CA2
- 98A2B4
- B1B9C7
- CAD0D9
- E4E7EC
Sombras
- 102040
- 0C1935
- 08132B
- 050D21
- 030817
- 01040E
- 010206
- 000102
- 000000
Tonos
- 1E2F51
- 283856
- 32405C
- 3D4961
- 475266
- 525B6C
- 5D6471
- 696D76
- 74777B
Armonías de color
Complementario +180°
- 14264B
Dark Eclipse
- 352500
≈ Black Swan
Análogo -30° +30°
- 14264B
Dark Eclipse
- 002C3F
≈ Murky Depths
- 2A1F48
≈ Elderberry
Triádico +120° +240°
- 14264B
Dark Eclipse
- 451616
≈ English Breakfast
- 0E300D
≈ Dark Serpent
Complementario dividido +150° +210°
- 14264B
Dark Eclipse
- 411C00
≈ Bath in Chocolate
- 282B00
≈ Darkest Forest
Tetrádico +90° +180° +270°
- 14264B
Dark Eclipse
- 41162B
≈ Blackberry
- 352500
≈ Black Swan
- 003025
≈ Dark Jungle
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 14.90:1 · APCA Lc 102
Ag
FailSobre negro
WCAG 1.40:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 14.90:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmentos de código
CSS
:root {
--dark-eclipse: #14264b;
--dark-eclipse-rgb: 20 38 75;
--dark-eclipse-oklch: oklch(0.276 0.073 263);
}
.element {
color: var(--dark-eclipse);
background-color: hsl(220 58% 19%);
border-color: oklch(0.276 0.073 263);
}Tailwind CSS v4
@theme {
--color-dark-eclipse: #14264b;
--color-dark-eclipse-50: #ebf5ff;
--color-dark-eclipse-100: #dce8ff;
--color-dark-eclipse-200: #c5d4f4;
--color-dark-eclipse-300: #a5b7dd;
--color-dark-eclipse-400: #889fca;
--color-dark-eclipse-500: #6d86b7;
--color-dark-eclipse-600: #5c729a;
--color-dark-eclipse-700: #4a5b7c;
--color-dark-eclipse-800: #34435c;
--color-dark-eclipse-900: #232e40;
--color-dark-eclipse-950: #121b29;
}SCSS
$dark-eclipse: #14264b;
$dark-eclipse-rgb: 20, 38, 75;
$dark-eclipse-light: mix(#fff, $dark-eclipse, 20%);
$dark-eclipse-dark: mix(#000, $dark-eclipse, 20%);
.element {
color: $dark-eclipse;
box-shadow: 0 0 0 2px rgba($dark-eclipse, 0.35);
}