Màu có tên gần nhất · #1A70B1
#1A70B1
Màu có tên gần nhất: French Blue
#1A70B1 (rgb(26 112 177), hsl(206 74% 40%), oklch(0.53 0.128 247.1)) 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.
#1A70B1
oklch(0.53 0.128 247.1)
Chuyển đổi màu
- HEX
- #1a70b1
- RGB
- rgb(26 112 177)
- HSL
- hsl(206 74% 40%)
- HWB
- hwb(206 10% 31%)
- OKLCH
- oklch(0.53 0.128 247.1)
- OKLab
- oklab(0.53 -0.05 -0.118)
- CIE Lab
- lab(44.96 -6.49 -42.23)
- LCH
- lch(44.96 42.73 261.3)
- CMYK
- cmyk(85% 37% 0% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 387EB9
- 518CC2
- 679BCA
- 7DA9D2
- 92B7DA
- A8C5E1
- BDD4E9
- D3E2F1
- E9F0F8
Sắc đậm
- 156099
- 105183
- 0C436C
- 073557
- 042742
- 021A2F
- 010E1C
- 00040C
- 000101
Sắc xám
- 2B72AD
- 3874A8
- 4376A3
- 4D789F
- 577A9A
- 607B95
- 687D90
- 707E8B
- 787F85
Hòa sắc
Bổ túc +180°
- 1A70B1
French Blue
- 985C00
≈ Sepia Wash
Tương đồng -30° +30°
- 1A70B1
French Blue
- 00798F
≈ Bimini Blue
- 5A62B4
≈ Evening Lagoon
Bộ ba +120° +240°
- 1A70B1
French Blue
- A7475F
≈ Rose Laffy Taffy
- 577814
≈ Master Chief
Bổ túc chia +150° +210°
- 1A70B1
French Blue
- A84C31
≈ Sun’s Rage
- 7E6B00
≈ Sunlit Kelp Green
Bộ bốn +90° +180° +270°
- 1A70B1
French Blue
- 994B86
≈ Plum Passion
- 985C00
≈ Sepia Wash
- 00814D
≈ 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: #1a70b1;
--french-blue-rgb: 26 112 177;
--french-blue-oklch: oklch(0.53 0.128 247.1);
}
.element {
color: var(--french-blue);
background-color: hsl(206 74% 40%);
border-color: oklch(0.53 0.128 247.1);
}Tailwind CSS v4
@theme {
--color-french-blue: #1a70b1;
--color-french-blue-50: #daf9ff;
--color-french-blue-100: #c8ecff;
--color-french-blue-200: #aad9ff;
--color-french-blue-300: #83bdf6;
--color-french-blue-400: #5aa5e6;
--color-french-blue-500: #2e8bd6;
--color-french-blue-600: #2a76b4;
--color-french-blue-700: #215f91;
--color-french-blue-800: #12466b;
--color-french-blue-900: #0c304c;
--color-french-blue-950: #011c32;
}SCSS
$french-blue: #1a70b1;
$french-blue-rgb: 26, 112, 177;
$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);
}