Màu có tên gần nhất · #126AFF
#126AFF
Màu có tên gần nhất: Blue Ribbon
#126AFF (rgb(18 106 255), hsl(218 100% 54%), oklch(0.573 0.235 261.1)) gần nhất với màu có tên Blue Ribbon. 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.
#126AFF
oklch(0.573 0.235 261.1)
Chuyển đổi màu
- HEX
- #126aff
- RGB
- rgb(18 106 255)
- HSL
- hsl(218 100% 54%)
- HWB
- hwb(218 7% 0%)
- OKLCH
- oklch(0.573 0.235 261.1)
- OKLab
- oklab(0.573 -0.036 -0.232)
- CIE Lab
- lab(47.66 22.17 -82.08)
- LCH
- lch(47.66 85.02 285.1)
- CMYK
- cmyk(93% 58% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 327CFF
- 4B8CFF
- 629CFF
- 78ABFF
- 8EBAFF
- A5C8FF
- BBD6FF
- D2E4FF
- E8F1FF
Sắc đậm
- 0E5BDE
- 0A4DBE
- 073F9E
- 043180
- 022463
- 011848
- 010D2E
- 000416
- 000003
Sắc xám
- 256FF3
- 3373E7
- 3E76DA
- 4979CE
- 537BC1
- 5D7DB5
- 667EA8
- 6F7F9B
- 78808E
Hòa sắc
Bổ túc +180°
- 126AFF
Blue Ribbon
- 9B6F00
≈ Sandy Taupe
Tương đồng -30° +30°
- 126AFF
Blue Ribbon
- 0083B0
≈ Tusche Blue
- 804DF4
≈ Candy Grape Fizz
Bộ ba +120° +240°
- 126AFF
Blue Ribbon
- E00036
≈ Red Hot
- 1F9100
≈ Maniac Green
Bổ túc chia +150° +210°
- 126AFF
Blue Ribbon
- BA5800
≈ Sebright Chicken
- 7C7E00
≈ Olive
Bộ bốn +90° +180° +270°
- 126AFF
Blue Ribbon
- D30989
≈ Snappy Violet
- 9B6F00
≈ Sandy Taupe
- 008D6F
≈ Festive Green
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.63:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.53:1 · APCA Lc 30
Màu chữ tốt nhất: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--blue-ribbon: #126aff;
--blue-ribbon-rgb: 18 106 255;
--blue-ribbon-oklch: oklch(0.573 0.235 261.1);
}
.element {
color: var(--blue-ribbon);
background-color: hsl(218 100% 54%);
border-color: oklch(0.573 0.235 261.1);
}Tailwind CSS v4
@theme {
--color-blue-ribbon: #126aff;
--color-blue-ribbon-50: #d2f6ff;
--color-blue-ribbon-100: #bfe8ff;
--color-blue-ribbon-200: #9fd3ff;
--color-blue-ribbon-300: #76b2ff;
--color-blue-ribbon-400: #4696ff;
--color-blue-ribbon-500: #1176ff;
--color-blue-ribbon-600: #1365f0;
--color-blue-ribbon-700: #0f51c2;
--color-blue-ribbon-800: #003c91;
--color-blue-ribbon-900: #002967;
--color-blue-ribbon-950: #001547;
}SCSS
$blue-ribbon: #126aff;
$blue-ribbon-rgb: 18, 106, 255;
$blue-ribbon-light: mix(#fff, $blue-ribbon, 20%);
$blue-ribbon-dark: mix(#000, $blue-ribbon, 20%);
.element {
color: $blue-ribbon;
box-shadow: 0 0 0 2px rgba($blue-ribbon, 0.35);
}