Couleur nommée la plus proche · #1E5066
#1E5066
Couleur nommée la plus proche: Juggernaut
#1E5066 (rgb(30 80 102), hsl(198 55% 26%), oklch(0.408 0.064 230.2)) est la plus proche de la couleur nommée Juggernaut. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1E5066
oklch(0.408 0.064 230.2)
Conversions de couleur
- HEX
- #1e5066
- RGB
- rgb(30 80 102)
- HSL
- hsl(198 55% 26%)
- HWB
- hwb(198 12% 60%)
- OKLCH
- oklch(0.408 0.064 230.2)
- OKLab
- oklab(0.408 -0.041 -0.05)
- CIE Lab
- lab(31.45 -11.41 -18.09)
- LCH
- lch(31.45 21.39 237.8)
- CMYK
- cmyk(71% 22% 0% 60%)
Teintes · Ombres · Tons
Teintes
- 356074
- 4B7183
- 608192
- 7692A1
- 8CA4B0
- A2B6C0
- B9C7CF
- D0DADF
- E7ECEF
Ombres
- 194458
- 13394A
- 0E2E3C
- 09242F
- 051A23
- 031017
- 01070C
- 000204
- 000000
Tons
- 2A5569
- 355A6B
- 3F5F6E
- 486371
- 526873
- 5B6D76
- 647279
- 6E767B
- 777B7E
Harmonies de couleurs
Complémentaire +180°
- 1E5066
Juggernaut
- 663F29
≈ Grilled
Analogue -30° +30°
- 1E5066
Juggernaut
- 0E5458
≈ Seaworld
- 354A6D
≈ Midnight Interlude
Triadique +120° +240°
- 1E5066
Juggernaut
- 643B4E
≈ Crushed Violets
- 4C4D21
≈ Bronze Tone
Complémentaire divisée +150° +210°
- 1E5066
Juggernaut
- 683B3B
≈ Rum Raisin
- 5C461D
≈ Nightingale
Tétradique +90° +180° +270°
- 1E5066
Juggernaut
- 593E5F
≈ English Violet
- 663F29
≈ Grilled
- 365231
≈ Goblin
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.76:1 · APCA Lc 90
Ag
FailSur noir
WCAG 2.39:1 · APCA Lc 12
Meilleure couleur de texte: #FFFFFF
WCAG 8.76:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--juggernaut: #1e5066;
--juggernaut-rgb: 30 80 102;
--juggernaut-oklch: oklch(0.408 0.064 230.2);
}
.element {
color: var(--juggernaut);
background-color: hsl(198 55% 26%);
border-color: oklch(0.408 0.064 230.2);
}Tailwind CSS v4
@theme {
--color-juggernaut: #1e5066;
--color-juggernaut-50: #e4f9ff;
--color-juggernaut-100: #d4ecfa;
--color-juggernaut-200: #badaeb;
--color-juggernaut-300: #97bed3;
--color-juggernaut-400: #77a6be;
--color-juggernaut-500: #578ea9;
--color-juggernaut-600: #4a788f;
--color-juggernaut-700: #3b6072;
--color-juggernaut-800: #294754;
--color-juggernaut-900: #1c313b;
--color-juggernaut-950: #0c1d25;
}SCSS
$juggernaut: #1e5066;
$juggernaut-rgb: 30, 80, 102;
$juggernaut-light: mix(#fff, $juggernaut, 20%);
$juggernaut-dark: mix(#000, $juggernaut, 20%);
.element {
color: $juggernaut;
box-shadow: 0 0 0 2px rgba($juggernaut, 0.35);
}