Màu có tên gần nhất · #4149C8
#4149C8
Màu có tên gần nhất: Flying Fish Blue
#4149C8 (rgb(65 73 200), hsl(236 55% 52%), oklch(0.48 0.194 273.7)) gần nhất với màu có tên Flying Fish 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.
#4149C8
oklch(0.48 0.194 273.7)
Chuyển đổi màu
- HEX
- #4149c8
- RGB
- rgb(65 73 200)
- HSL
- hsl(236 55% 52%)
- HWB
- hwb(236 25% 22%)
- OKLCH
- oklch(0.48 0.194 273.7)
- OKLab
- oklab(0.48 0.013 -0.193)
- CIE Lab
- lab(36.84 29.49 -68.54)
- LCH
- lch(36.84 74.61 293.3)
- CMYK
- cmyk(68% 64% 0% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 505DCF
- 6071D6
- 7283DD
- 8495E3
- 97A7E8
- ABB8EE
- BFCAF3
- D4DCF7
- E9EDFB
Sắc đậm
- 373EAE
- 2E3494
- 252A7B
- 1C2063
- 13174C
- 0B0E36
- 050621
- 01020F
- 000002
Sắc xám
- 4651C2
- 4B58BB
- 515FB5
- 5764AE
- 5D6AA7
- 646FA0
- 6A7498
- 727891
- 797C89
Hòa sắc
Bổ túc +180°
- 4149C8
Flying Fish Blue
- 705C00
≈ Hot Mustard
Tương đồng -30° +30°
- 4149C8
Flying Fish Blue
- 00639A
≈ Atlantic Mystique
- 7633B4
≈ Purple Pristine
Bộ ba +120° +240°
- 4149C8
Flying Fish Blue
- AA2400
≈ Saveloy
- 00713C
≈ Dartmouth Green
Bổ túc chia +150° +210°
- 4149C8
Flying Fish Blue
- 874E00
≈ Medium Brown
- 506800
≈ Serrano Pepper
Bộ bốn +90° +180° +270°
- 4149C8
Flying Fish Blue
- AC0052
≈ Shy Guy Red
- 705C00
≈ Hot Mustard
- 006D63
≈ Deep Pacific
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.97:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 3.01:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 6.97:1 (AA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--flying-fish-blue: #4149c8;
--flying-fish-blue-rgb: 65 73 200;
--flying-fish-blue-oklch: oklch(0.48 0.194 273.7);
}
.element {
color: var(--flying-fish-blue);
background-color: hsl(236 55% 52%);
border-color: oklch(0.48 0.194 273.7);
}Tailwind CSS v4
@theme {
--color-flying-fish-blue: #4149c8;
--color-flying-fish-blue-50: #e5f1ff;
--color-flying-fish-blue-100: #d5e3ff;
--color-flying-fish-blue-200: #bdcdff;
--color-flying-fish-blue-300: #9dadff;
--color-flying-fish-blue-400: #7c91ff;
--color-flying-fish-blue-500: #6272ff;
--color-flying-fish-blue-600: #5361db;
--color-flying-fish-blue-700: #424eb0;
--color-flying-fish-blue-800: #2c3984;
--color-flying-fish-blue-900: #1e275e;
--color-flying-fish-blue-950: #0e1440;
}SCSS
$flying-fish-blue: #4149c8;
$flying-fish-blue-rgb: 65, 73, 200;
$flying-fish-blue-light: mix(#fff, $flying-fish-blue, 20%);
$flying-fish-blue-dark: mix(#000, $flying-fish-blue, 20%);
.element {
color: $flying-fish-blue;
box-shadow: 0 0 0 2px rgba($flying-fish-blue, 0.35);
}