Màu có tên gần nhất · #1E5066
#1E5066
Màu có tên gần nhất: Juggernaut
#1E5066 (rgb(30 80 102), hsl(198 55% 26%), oklch(0.408 0.064 230.2)) gần nhất với màu có tên Juggernaut. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#1E5066
oklch(0.408 0.064 230.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 356074
- 4B7183
- 608192
- 7692A1
- 8CA4B0
- A2B6C0
- B9C7CF
- D0DADF
- E7ECEF
Sắc đậm
- 194458
- 13394A
- 0E2E3C
- 09242F
- 051A23
- 031017
- 01070C
- 000204
- 000000
Sắc xám
- 2A5569
- 355A6B
- 3F5F6E
- 486371
- 526873
- 5B6D76
- 647279
- 6E767B
- 777B7E
Hòa sắc
Bổ túc +180°
- 1E5066
Juggernaut
- 663F29
≈ Grilled
Tương đồng -30° +30°
- 1E5066
Juggernaut
- 0E5458
≈ Seaworld
- 354A6D
≈ Midnight Interlude
Bộ ba +120° +240°
- 1E5066
Juggernaut
- 643B4E
≈ Crushed Violets
- 4C4D21
≈ Bronze Tone
Bổ túc chia +150° +210°
- 1E5066
Juggernaut
- 683B3B
≈ Rum Raisin
- 5C461D
≈ Nightingale
Bộ bốn +90° +180° +270°
- 1E5066
Juggernaut
- 593E5F
≈ English Violet
- 663F29
≈ Grilled
- 365231
≈ Goblin
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.76:1 · APCA Lc 90
Ag
FailTrên nền đen
WCAG 2.39:1 · APCA Lc 12
Màu chữ tốt nhất: #FFFFFF
WCAG 8.76:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
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);
}