Màu có tên gần nhất · #2470AB
#2470AB
Màu có tên gần nhất: French Blue
#2470AB (rgb(36 112 171), hsl(206 65% 41%), oklch(0.528 0.118 246.4)) 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.
#2470AB
oklch(0.528 0.118 246.4)
Chuyển đổi màu
- HEX
- #2470ab
- RGB
- rgb(36 112 171)
- HSL
- hsl(206 65% 41%)
- HWB
- hwb(206 14% 33%)
- OKLCH
- oklch(0.528 0.118 246.4)
- OKLab
- oklab(0.528 -0.047 -0.108)
- CIE Lab
- lab(44.91 -7.24 -38.8)
- LCH
- lch(44.91 39.47 259.4)
- CMYK
- cmyk(79% 35% 0% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3E7EB4
- 558CBD
- 6A9AC5
- 7FA9CE
- 94B7D6
- A9C5DF
- BED3E7
- D4E2EF
- E9F0F7
Sắc đậm
- 1E6094
- 18517E
- 124368
- 0C3554
- 072740
- 041A2D
- 020E1B
- 00040B
- 000101
Sắc xám
- 3272A7
- 3D74A3
- 47769F
- 50789B
- 597997
- 617B92
- 697C8E
- 717E89
- 797F85
Hòa sắc
Bổ túc +180°
- 2470AB
French Blue
- 985B00
≈ Sepia Wash
Tương đồng -30° +30°
- 2470AB
French Blue
- 00788E
≈ Bayou Serenade
- 5A63AE
≈ Bellflower
Bộ ba +120° +240°
- 2470AB
French Blue
- A24B60
≈ Glazed Raspberry
- 5A7720
≈ Luscious Lemongrass
Bổ túc chia +150° +210°
- 2470AB
French Blue
- A44F38
≈ Texas Heatwave
- 7E6A00
≈ Arousing Alligator
Bộ bốn +90° +180° +270°
- 2470AB
French Blue
- 954E85
≈ Striking Purple
- 985B00
≈ Sepia Wash
- 1A7F4E
≈ Picture Book Green
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.27:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 3.98:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--french-blue: #2470ab;
--french-blue-rgb: 36 112 171;
--french-blue-oklch: oklch(0.528 0.118 246.4);
}
.element {
color: var(--french-blue);
background-color: hsl(206 65% 41%);
border-color: oklch(0.528 0.118 246.4);
}Tailwind CSS v4
@theme {
--color-french-blue: #2470ab;
--color-french-blue-50: #dcf9ff;
--color-french-blue-100: #caecff;
--color-french-blue-200: #add9ff;
--color-french-blue-300: #87bdf1;
--color-french-blue-400: #60a5e0;
--color-french-blue-500: #388ccf;
--color-french-blue-600: #3176af;
--color-french-blue-700: #275f8c;
--color-french-blue-800: #184668;
--color-french-blue-900: #0f3049;
--color-french-blue-950: #031c30;
}SCSS
$french-blue: #2470ab;
$french-blue-rgb: 36, 112, 171;
$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);
}