Couleur nommée la plus proche · #182979
#182979
Couleur nommée la plus proche: Midnight Crest
#182979 (rgb(24 41 121), hsl(229 67% 28%), oklch(0.326 0.137 268.2)) est la plus proche de la couleur nommée Midnight Crest. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#182979
oklch(0.326 0.137 268.2)
Conversions de couleur
- HEX
- #182979
- RGB
- rgb(24 41 121)
- HSL
- hsl(229 67% 28%)
- HWB
- hwb(229 9% 53%)
- OKLCH
- oklch(0.326 0.137 268.2)
- OKLab
- oklab(0.326 -0.004 -0.137)
- CIE Lab
- lab(19.85 18.38 -48.6)
- LCH
- lch(19.85 51.96 290.7)
- CMYK
- cmyk(80% 66% 0% 53%)
Teintes · Ombres · Tons
Teintes
- 2A3F87
- 3E5495
- 5368A3
- 6A7DB1
- 8192BE
- 99A7CB
- B2BDD8
- CBD2E5
- E5E9F2
Ombres
- 132268
- 0F1C58
- 0A1548
- 070F39
- 04092B
- 02051D
- 010210
- 000105
- 000001
Tons
- 21337B
- 2A3D7C
- 34467E
- 3E4F7F
- 485780
- 536080
- 5E6881
- 697081
- 747881
Harmonies de couleurs
Complémentaire +180°
- 182979
Midnight Crest
- 423200
≈ Night in the Woods
Analogue -30° +30°
- 182979
Midnight Crest
- 003955
≈ Gibraltar Sea
- 3F1A6F
≈ Explorer of the Galaxies
Triadique +120° +240°
- 182979
Midnight Crest
- 680003
≈ Arcavia Red
- 004015
≈ Hunter Green
Complémentaire divisée +150° +210°
- 182979
Midnight Crest
- 512800
≈ Brown Study
- 313900
≈ Wasabi Nori
Tétradique +90° +180° +270°
- 182979
Midnight Crest
- 630034
≈ Tyrian Purple
- 423200
≈ Night in the Woods
- 003E34
≈ Botanical Night
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.86:1 · APCA Lc 98
Ag
FailSur noir
WCAG 1.63:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.86:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--midnight-crest: #182979;
--midnight-crest-rgb: 24 41 121;
--midnight-crest-oklch: oklch(0.326 0.137 268.2);
}
.element {
color: var(--midnight-crest);
background-color: hsl(229 67% 28%);
border-color: oklch(0.326 0.137 268.2);
}Tailwind CSS v4
@theme {
--color-midnight-crest: #182979;
--color-midnight-crest-50: #e6f4ff;
--color-midnight-crest-100: #d6e7ff;
--color-midnight-crest-200: #bdd2ff;
--color-midnight-crest-300: #9cb4fe;
--color-midnight-crest-400: #7c9af0;
--color-midnight-crest-500: #607fe0;
--color-midnight-crest-600: #516cbd;
--color-midnight-crest-700: #415698;
--color-midnight-crest-800: #2c4072;
--color-midnight-crest-900: #1e2c50;
--color-midnight-crest-950: #0e1935;
}SCSS
$midnight-crest: #182979;
$midnight-crest-rgb: 24, 41, 121;
$midnight-crest-light: mix(#fff, $midnight-crest, 20%);
$midnight-crest-dark: mix(#000, $midnight-crest, 20%);
.element {
color: $midnight-crest;
box-shadow: 0 0 0 2px rgba($midnight-crest, 0.35);
}