Cor nomeada mais próxima · #1D4B7B
#1D4B7B
Cor nomeada mais próxima: Night Mode
#1D4B7B (rgb(29 75 123), hsl(211 62% 30%), oklch(0.407 0.095 252.1)) é mais próxima da cor nomeada Night Mode. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#1D4B7B
oklch(0.407 0.095 252.1)
Conversões de cor
- HEX
- #1d4b7b
- RGB
- rgb(29 75 123)
- HSL
- hsl(211 62% 30%)
- HWB
- hwb(211 11% 52%)
- OKLCH
- oklch(0.407 0.095 252.1)
- OKLab
- oklab(0.407 -0.029 -0.09)
- CIE Lab
- lab(30.68 -2.22 -32.42)
- LCH
- lch(30.68 32.49 266.1)
- CMYK
- cmyk(76% 39% 0% 52%)
Tons claros · Sombras · Tons
Tons claros
- 345C88
- 496D95
- 5F7EA3
- 7490B0
- 8BA2BD
- A1B4CA
- B8C6D7
- CFD9E4
- E7ECF2
Sombras
- 18406A
- 13355A
- 0E2B4A
- 09213A
- 05172C
- 030E1E
- 010610
- 000205
- 000001
Tons
- 29517C
- 33567D
- 3D5C7E
- 47617E
- 51667F
- 5A6B7F
- 647180
- 6D7680
- 767B80
Harmonias de cor
Complementar +180°
- 1D4B7B
Night Mode
- 664000
≈ Notorious Neanderthal
Análoga -30° +30°
- 1D4B7B
Night Mode
- 005267
≈ Hanada Blue
- 42417B
≈ Jacksons Purple
Tríade +120° +240°
- 1D4B7B
Night Mode
- 74303B
≈ Mesa Ridge
- 355416
≈ Navy Green
Complementar dividida +150° +210°
- 1D4B7B
Night Mode
- 73351B
≈ Rosewood Brown
- 534B00
≈ Scorzonera Brown
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.95:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.34:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 8.95:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--night-mode: #1d4b7b;
--night-mode-rgb: 29 75 123;
--night-mode-oklch: oklch(0.407 0.095 252.1);
}
.element {
color: var(--night-mode);
background-color: hsl(211 62% 30%);
border-color: oklch(0.407 0.095 252.1);
}Tailwind CSS v4
@theme {
--color-night-mode: #1d4b7b;
--color-night-mode-50: #e3f7ff;
--color-night-mode-100: #d3eaff;
--color-night-mode-200: #b9d7fd;
--color-night-mode-300: #96bae8;
--color-night-mode-400: #75a2d5;
--color-night-mode-500: #5589c3;
--color-night-mode-600: #4974a5;
--color-night-mode-700: #3a5d84;
--color-night-mode-800: #274562;
--color-night-mode-900: #1a2f45;
--color-night-mode-950: #0b1c2d;
}SCSS
$night-mode: #1d4b7b;
$night-mode-rgb: 29, 75, 123;
$night-mode-light: mix(#fff, $night-mode, 20%);
$night-mode-dark: mix(#000, $night-mode, 20%);
.element {
color: $night-mode;
box-shadow: 0 0 0 2px rgba($night-mode, 0.35);
}