Couleur nommée la plus proche · #1D4B7B
#1D4B7B
Couleur nommée la plus proche: Night Mode
#1D4B7B (rgb(29 75 123), hsl(211 62% 30%), oklch(0.407 0.095 252.1)) est la plus proche de la couleur nommée Night Mode. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1D4B7B
oklch(0.407 0.095 252.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 345C88
- 496D95
- 5F7EA3
- 7490B0
- 8BA2BD
- A1B4CA
- B8C6D7
- CFD9E4
- E7ECF2
Ombres
- 18406A
- 13355A
- 0E2B4A
- 09213A
- 05172C
- 030E1E
- 010610
- 000205
- 000001
Tons
- 29517C
- 33567D
- 3D5C7E
- 47617E
- 51667F
- 5A6B7F
- 647180
- 6D7680
- 767B80
Harmonies de couleurs
Complémentaire +180°
- 1D4B7B
Night Mode
- 664000
≈ Notorious Neanderthal
Analogue -30° +30°
- 1D4B7B
Night Mode
- 005267
≈ Hanada Blue
- 42417B
≈ Jacksons Purple
Triadique +120° +240°
- 1D4B7B
Night Mode
- 74303B
≈ Mesa Ridge
- 355416
≈ Navy Green
Complémentaire divisée +150° +210°
- 1D4B7B
Night Mode
- 73351B
≈ Rosewood Brown
- 534B00
≈ Scorzonera Brown
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.95:1 · APCA Lc 90
Ag
FailSur noir
WCAG 2.34:1 · APCA Lc 12
Meilleure couleur de texte: #FFFFFF
WCAG 8.95:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
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);
}