Màu có tên gần nhất · #0068C1
#0068C1
Màu có tên gần nhất: Matt Blue
#0068C1 (rgb(0 104 193), hsl(208 100% 38%), oklch(0.518 0.161 253.2)) gần nhất với màu có tên Matt Blue. 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.
#0068C1
oklch(0.518 0.161 253.2)
Chuyển đổi màu
- HEX
- #0068c1
- RGB
- rgb(0 104 193)
- HSL
- hsl(208 100% 38%)
- HWB
- hwb(208 0% 24%)
- OKLCH
- oklch(0.518 0.161 253.2)
- OKLab
- oklab(0.518 -0.047 -0.154)
- CIE Lab
- lab(43 1.82 -54.64)
- LCH
- lch(43 54.67 271.9)
- CMYK
- cmyk(100% 46% 0% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 2D78C8
- 4787CF
- 5F96D6
- 76A5DD
- 8DB4E3
- A3C3E9
- BAD2EF
- D1E1F5
- E8F0FA
Sắc đậm
- 0059A7
- 004B8F
- 003E77
- 00305F
- 002449
- 001834
- 000C20
- 00040E
- 000002
Sắc xám
- 1E6BBB
- 2F6FB5
- 3C72AF
- 4774A9
- 5277A2
- 5C799C
- 657B95
- 6E7D8E
- 777F87
Hòa sắc
Bổ túc +180°
- 0068C1
Matt Blue
- 8E5D00
≈ Rat Brown
Tương đồng -30° +30°
- 0068C1
Matt Blue
- 007491
≈ Ocean Mirage
- 5F56C0
≈ Circumorbital Ring
Bộ ba +120° +240°
- 0068C1
Matt Blue
- B1344D
≈ Chubby Kiss
- 447900
≈ Tropicana
Bổ túc chia +150° +210°
- 0068C1
Matt Blue
- AD4200
≈ Pepperoni
- 746A00
≈ Brown Green
Bộ bốn +90° +180° +270°
- 0068C1
Matt Blue
- A33980
≈ Wild Aster
- 8E5D00
≈ Rat Brown
- 007C56
≈ Sharp Green
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.59:1 · APCA Lc 77
Ag
FailTrên nền đen
WCAG 3.75:1 · APCA Lc 25
Màu chữ tốt nhất: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--matt-blue: #0068c1;
--matt-blue-rgb: 0 104 193;
--matt-blue-oklch: oklch(0.518 0.161 253.2);
}
.element {
color: var(--matt-blue);
background-color: hsl(208 100% 38%);
border-color: oklch(0.518 0.161 253.2);
}Tailwind CSS v4
@theme {
--color-matt-blue: #0068c1;
--color-matt-blue-50: #d7f8ff;
--color-matt-blue-100: #c4ebff;
--color-matt-blue-200: #a6d8ff;
--color-matt-blue-300: #7ebaff;
--color-matt-blue-400: #52a1fa;
--color-matt-blue-500: #2187ec;
--color-matt-blue-600: #1f72c7;
--color-matt-blue-700: #195ba0;
--color-matt-blue-800: #094477;
--color-matt-blue-900: #062f54;
--color-matt-blue-950: #001b39;
}SCSS
$matt-blue: #0068c1;
$matt-blue-rgb: 0, 104, 193;
$matt-blue-light: mix(#fff, $matt-blue, 20%);
$matt-blue-dark: mix(#000, $matt-blue, 20%);
.element {
color: $matt-blue;
box-shadow: 0 0 0 2px rgba($matt-blue, 0.35);
}