Color con nombre más cercano · #243E67
#243E67
Color con nombre más cercano: Nightlife
#243E67 (rgb(36 62 103), hsl(217 48% 27%), oklch(0.365 0.078 259.2)) se parece más al color con nombre Nightlife. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#243E67
oklch(0.365 0.078 259.2)
Conversiones de color
- HEX
- #243e67
- RGB
- rgb(36 62 103)
- HSL
- hsl(217 48% 27%)
- HWB
- hwb(217 14% 60%)
- OKLCH
- oklch(0.365 0.078 259.2)
- OKLab
- oklab(0.365 -0.015 -0.077)
- CIE Lab
- lab(25.77 0.85 -27.55)
- LCH
- lch(25.77 27.56 271.8)
- CMYK
- cmyk(65% 40% 0% 60%)
Tintes · Sombras · Tonos
Tintes
- 375076
- 4B6285
- 607493
- 7587A3
- 8B9AB2
- A1AEC1
- B8C1D0
- CFD6E0
- E7EAEF
Sombras
- 1E3559
- 182B4B
- 12233D
- 0C1A30
- 071223
- 040A17
- 02040C
- 000104
- 000000
Tonos
- 2D456A
- 364B6D
- 3F526F
- 485872
- 515F75
- 5A6677
- 646C7A
- 6D737C
- 76797E
Armonías de color
Complementario +180°
- 243E67
Nightlife
- 533900
≈ Pineapple
Análogo -30° +30°
- 243E67
Nightlife
- 00455C
≈ Loyal Blue
- 3E3665
≈ Rhynchites Nitens
Triádico +120° +240°
- 243E67
Nightlife
- 612B2D
≈ Jazz
- 27481E
≈ Treetop Cathedral
Complementario dividido +150° +210°
- 243E67
Nightlife
- 5E3014
≈ Count Chocula
- 424102
≈ Green Not Found
Tetrádico +90° +180° +270°
- 243E67
Nightlife
- 5C2B45
≈ Vistoris Lake
- 533900
≈ Pineapple
- 004A38
≈ County Green
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 10.71:1 · APCA Lc 95
Ag
FailSobre negro
WCAG 1.95:1 · APCA Lc 8
Mejor color de texto: #FFFFFF
WCAG 10.71:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos de código
CSS
:root {
--nightlife: #243e67;
--nightlife-rgb: 36 62 103;
--nightlife-oklch: oklch(0.365 0.078 259.2);
}
.element {
color: var(--nightlife);
background-color: hsl(217 48% 27%);
border-color: oklch(0.365 0.078 259.2);
}Tailwind CSS v4
@theme {
--color-nightlife: #243e67;
--color-nightlife-50: #e9f6ff;
--color-nightlife-100: #dae9ff;
--color-nightlife-200: #c2d5f6;
--color-nightlife-300: #a1b8e0;
--color-nightlife-400: #83a0cd;
--color-nightlife-500: #6787ba;
--color-nightlife-600: #57729d;
--color-nightlife-700: #455c7e;
--color-nightlife-800: #31435d;
--color-nightlife-900: #212e41;
--color-nightlife-950: #101b2a;
}SCSS
$nightlife: #243e67;
$nightlife-rgb: 36, 62, 103;
$nightlife-light: mix(#fff, $nightlife, 20%);
$nightlife-dark: mix(#000, $nightlife, 20%);
.element {
color: $nightlife;
box-shadow: 0 0 0 2px rgba($nightlife, 0.35);
}