Màu có tên gần nhất · #1E70B0
#1E70B0
Màu có tên gần nhất: French Blue
#1E70B0 (rgb(30 112 176), hsl(206 71% 40%), oklch(0.53 0.126 247.3)) gần nhất với màu có tên French 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.
#1E70B0
oklch(0.53 0.126 247.3)
Chuyển đổi màu
- HEX
- #1e70b0
- RGB
- rgb(30 112 176)
- HSL
- hsl(206 71% 40%)
- HWB
- hwb(206 12% 31%)
- OKLCH
- oklch(0.53 0.126 247.3)
- OKLab
- oklab(0.53 -0.048 -0.116)
- CIE Lab
- lab(44.99 -6.4 -41.59)
- LCH
- lch(44.99 42.08 261.3)
- CMYK
- cmyk(83% 36% 0% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3B7EB9
- 528CC1
- 689BC9
- 7EA9D1
- 93B7D9
- A8C5E1
- BED4E9
- D3E2F0
- E9F0F8
Sắc đậm
- 196099
- 135182
- 0E436C
- 093556
- 052742
- 031A2E
- 010E1C
- 00040B
- 000101
Sắc xám
- 2E72AC
- 3A74A7
- 4576A3
- 4F789E
- 587A99
- 607B95
- 697C90
- 717E8B
- 787F85
Hòa sắc
Bổ túc +180°
- 1E70B0
French Blue
- 985C00
≈ Sepia Wash
Tương đồng -30° +30°
- 1E70B0
French Blue
- 007990
≈ Bimini Blue
- 5B62B3
≈ Evening Lagoon
Bộ ba +120° +240°
- 1E70B0
French Blue
- A6485F
≈ Rose Laffy Taffy
- 577818
≈ Master Chief
Bổ túc chia +150° +210°
- 1E70B0
French Blue
- A74D32
≈ Texas Heatwave
- 7E6B00
≈ Sunlit Kelp Green
Bộ bốn +90° +180° +270°
- 1E70B0
French Blue
- 984C86
≈ Striking Purple
- 985C00
≈ Sepia Wash
- 00814E
≈ Picture Book Green
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.25:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 3.99:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--french-blue: #1e70b0;
--french-blue-rgb: 30 112 176;
--french-blue-oklch: oklch(0.53 0.126 247.3);
}
.element {
color: var(--french-blue);
background-color: hsl(206 71% 40%);
border-color: oklch(0.53 0.126 247.3);
}Tailwind CSS v4
@theme {
--color-french-blue: #1e70b0;
--color-french-blue-50: #daf9ff;
--color-french-blue-100: #c8ecff;
--color-french-blue-200: #abd9ff;
--color-french-blue-300: #84bdf5;
--color-french-blue-400: #5ca4e5;
--color-french-blue-500: #328bd4;
--color-french-blue-600: #2c76b3;
--color-french-blue-700: #235f90;
--color-french-blue-800: #14466b;
--color-french-blue-900: #0d304b;
--color-french-blue-950: #011c32;
}SCSS
$french-blue: #1e70b0;
$french-blue-rgb: 30, 112, 176;
$french-blue-light: mix(#fff, $french-blue, 20%);
$french-blue-dark: mix(#000, $french-blue, 20%);
.element {
color: $french-blue;
box-shadow: 0 0 0 2px rgba($french-blue, 0.35);
}