Màu có tên gần nhất · #0079FF
#0079FF
Màu có tên gần nhất: Hadfield Blue
#0079FF (rgb(0 121 255), hsl(212 100% 50%), oklch(0.601 0.219 257.6)) gần nhất với màu có tên Hadfield 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.
#0079FF
oklch(0.601 0.219 257.6)
Chuyển đổi màu
- HEX
- #0079ff
- RGB
- rgb(0 121 255)
- HSL
- hsl(212 100% 50%)
- HWB
- hwb(212 0% 0%)
- OKLCH
- oklch(0.601 0.219 257.6)
- OKLab
- oklab(0.601 -0.047 -0.214)
- CIE Lab
- lab(51.58 12.72 -75.72)
- LCH
- lch(51.58 76.79 279.5)
- CMYK
- cmyk(100% 53% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3088FF
- 4C97FF
- 64A5FF
- 7BB3FF
- 91C0FF
- A7CDFF
- BDDAFF
- D3E6FF
- E9F3FF
Sắc đậm
- 0068DE
- 0058BE
- 00489E
- 003980
- 002B63
- 001D48
- 00102E
- 000516
- 000103
Sắc xám
- 217CF3
- 327EE6
- 407FDA
- 4B80CD
- 5581C1
- 5F82B4
- 6882A8
- 70819B
- 78818E
Hòa sắc
Bổ túc +180°
- 0079FF
Hadfield Blue
- A97500
≈ Falafel
Tương đồng -30° +30°
- 0079FF
Hadfield Blue
- 008DB7
≈ Spinnaker Blue
- 7F5FF9
≈ Purple Anemone
Bộ ba +120° +240°
- 0079FF
Hadfield Blue
- E5294D
≈ Manganese Red
- 3F9800
≈ Planter
Bổ túc chia +150° +210°
- 0079FF
Hadfield Blue
- CB5A00
≈ Rusty Orange
- 898500
≈ Palak Paneer
Bộ bốn +90° +180° +270°
- 0079FF
Hadfield Blue
- D53198
≈ Dark Princess Pink
- A97500
≈ Falafel
- 009772
≈ Cadaverous
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.05:1 · APCA Lc 67
Ag
AATrên nền đen
WCAG 5.17:1 · APCA Lc 35
Màu chữ tốt nhất: #000000
WCAG 5.17:1 (AA) · APCA Lc 35
Contrast pairs
Đoạn mã
CSS
:root {
--hadfield-blue: #0079ff;
--hadfield-blue-rgb: 0 121 255;
--hadfield-blue-oklch: oklch(0.601 0.219 257.6);
}
.element {
color: var(--hadfield-blue);
background-color: hsl(212 100% 50%);
border-color: oklch(0.601 0.219 257.6);
}Tailwind CSS v4
@theme {
--color-hadfield-blue: #0079ff;
--color-hadfield-blue-50: #d0f7ff;
--color-hadfield-blue-100: #bdeaff;
--color-hadfield-blue-200: #9cd5ff;
--color-hadfield-blue-300: #71b6ff;
--color-hadfield-blue-400: #3d9bff;
--color-hadfield-blue-500: #007cff;
--color-hadfield-blue-600: #006ae7;
--color-hadfield-blue-700: #0055ba;
--color-hadfield-blue-800: #003f8b;
--color-hadfield-blue-900: #002b63;
--color-hadfield-blue-950: #001844;
}SCSS
$hadfield-blue: #0079ff;
$hadfield-blue-rgb: 0, 121, 255;
$hadfield-blue-light: mix(#fff, $hadfield-blue, 20%);
$hadfield-blue-dark: mix(#000, $hadfield-blue, 20%);
.element {
color: $hadfield-blue;
box-shadow: 0 0 0 2px rgba($hadfield-blue, 0.35);
}