Cor nomeada mais próxima · #243E67
#243E67
Cor nomeada mais próxima: Nightlife
#243E67 (rgb(36 62 103), hsl(217 48% 27%), oklch(0.365 0.078 259.2)) é mais próxima da cor nomeada Nightlife. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#243E67
oklch(0.365 0.078 259.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 375076
- 4B6285
- 607493
- 7587A3
- 8B9AB2
- A1AEC1
- B8C1D0
- CFD6E0
- E7EAEF
Sombras
- 1E3559
- 182B4B
- 12233D
- 0C1A30
- 071223
- 040A17
- 02040C
- 000104
- 000000
Tons
- 2D456A
- 364B6D
- 3F526F
- 485872
- 515F75
- 5A6677
- 646C7A
- 6D737C
- 76797E
Harmonias de cor
Complementar +180°
- 243E67
Nightlife
- 533900
≈ Pineapple
Análoga -30° +30°
- 243E67
Nightlife
- 00455C
≈ Loyal Blue
- 3E3665
≈ Rhynchites Nitens
Tríade +120° +240°
- 243E67
Nightlife
- 612B2D
≈ Jazz
- 27481E
≈ Treetop Cathedral
Complementar dividida +150° +210°
- 243E67
Nightlife
- 5E3014
≈ Count Chocula
- 424102
≈ Green Not Found
Tétrade +90° +180° +270°
- 243E67
Nightlife
- 5C2B45
≈ Vistoris Lake
- 533900
≈ Pineapple
- 004A38
≈ County Green
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.71:1 · APCA Lc 95
Ag
FailSobre preto
WCAG 1.95:1 · APCA Lc 8
Melhor cor de texto: #FFFFFF
WCAG 10.71:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos 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);
}