Couleur nommée la plus proche · #1B2B5B
#1B2B5B
Couleur nommée la plus proche: Mythical Night
#1B2B5B (rgb(27 43 91), hsl(225 54% 23%), oklch(0.305 0.089 267.2)) est la plus proche de la couleur nommée Mythical Night. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1B2B5B
oklch(0.305 0.089 267.2)
Conversions de couleur
- HEX
- #1b2b5b
- RGB
- rgb(27 43 91)
- HSL
- hsl(225 54% 23%)
- HWB
- hwb(225 11% 64%)
- OKLCH
- oklch(0.305 0.089 267.2)
- OKLab
- oklab(0.305 -0.004 -0.088)
- CIE Lab
- lab(18.41 7.27 -31.47)
- LCH
- lch(18.41 32.3 283)
- CMYK
- cmyk(70% 53% 0% 64%)
Teintes · Ombres · Tons
Teintes
- 2E3E6B
- 42527B
- 57668B
- 6D7B9B
- 8490AC
- 9BA5BC
- B3BBCD
- CCD1DD
- E5E8EE
Ombres
- 16244E
- 111D41
- 0C1635
- 081029
- 050A1E
- 020513
- 010209
- 000103
- 000000
Tons
- 24345F
- 2D3C63
- 374567
- 414D6B
- 4B556F
- 555E73
- 606676
- 6A6F7A
- 75777D
Harmonies de couleurs
Complémentaire +180°
- 1B2B5B
Mythical Night
- 3C2C00
≈ Hidden Passage
Analogue -30° +30°
- 1B2B5B
Mythical Night
- 00334C
≈ Dark Denim Blue
- 352355
≈ Stormy Night
Triadique +120° +240°
- 1B2B5B
Mythical Night
- 531814
≈ Mama Africa
- 023A11
≈ Gameboy Contrast
Complémentaire divisée +150° +210°
- 1B2B5B
Mythical Night
- 4A2300
≈ Chrysophobia
- 2D3300
≈ Wasabi Nori
Tétradique +90° +180° +270°
- 1B2B5B
Mythical Night
- 50172F
≈ Chilli Black Red
- 3C2C00
≈ Hidden Passage
- 00382E
≈ Night Turquoise
Contraste et accessibilité
Ag
AAASur blanc
WCAG 13.60:1 · APCA Lc 100
Ag
FailSur noir
WCAG 1.54:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 13.60:1 (AAA) · APCA Lc 100
Contrast pairs
Extraits de code
CSS
:root {
--mythical-night: #1b2b5b;
--mythical-night-rgb: 27 43 91;
--mythical-night-oklch: oklch(0.305 0.089 267.2);
}
.element {
color: var(--mythical-night);
background-color: hsl(225 54% 23%);
border-color: oklch(0.305 0.089 267.2);
}Tailwind CSS v4
@theme {
--color-mythical-night: #1b2b5b;
--color-mythical-night-50: #ebf5ff;
--color-mythical-night-100: #dce7ff;
--color-mythical-night-200: #c5d3fb;
--color-mythical-night-300: #a5b6e6;
--color-mythical-night-400: #879dd4;
--color-mythical-night-500: #6c84c1;
--color-mythical-night-600: #5b70a3;
--color-mythical-night-700: #495983;
--color-mythical-night-800: #334261;
--color-mythical-night-900: #232d44;
--color-mythical-night-950: #121a2c;
}SCSS
$mythical-night: #1b2b5b;
$mythical-night-rgb: 27, 43, 91;
$mythical-night-light: mix(#fff, $mythical-night, 20%);
$mythical-night-dark: mix(#000, $mythical-night, 20%);
.element {
color: $mythical-night;
box-shadow: 0 0 0 2px rgba($mythical-night, 0.35);
}