Najbliższy nazwany kolor · #1E5066
#1E5066
Najbliższy nazwany kolor: Juggernaut
#1E5066 (rgb(30 80 102), hsl(198 55% 26%), oklch(0.408 0.064 230.2)) jest najbliższy nazwanemu kolorowi Juggernaut. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1E5066
oklch(0.408 0.064 230.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 356074
- 4B7183
- 608192
- 7692A1
- 8CA4B0
- A2B6C0
- B9C7CF
- D0DADF
- E7ECEF
Odcienie ciemniejsze
- 194458
- 13394A
- 0E2E3C
- 09242F
- 051A23
- 031017
- 01070C
- 000204
- 000000
Tony
- 2A5569
- 355A6B
- 3F5F6E
- 486371
- 526873
- 5B6D76
- 647279
- 6E767B
- 777B7E
Harmonie kolorów
Komplementarna +180°
- 1E5066
Juggernaut
- 663F29
≈ Grilled
Analogowa -30° +30°
- 1E5066
Juggernaut
- 0E5458
≈ Seaworld
- 354A6D
≈ Midnight Interlude
Triada +120° +240°
- 1E5066
Juggernaut
- 643B4E
≈ Crushed Violets
- 4C4D21
≈ Bronze Tone
Komplementarna rozszczepiona +150° +210°
- 1E5066
Juggernaut
- 683B3B
≈ Rum Raisin
- 5C461D
≈ Nightingale
Tetrada +90° +180° +270°
- 1E5066
Juggernaut
- 593E5F
≈ English Violet
- 663F29
≈ Grilled
- 365231
≈ Goblin
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.76:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.39:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.76:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
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);
}