Màu có tên gần nhất · #0097FF
#0097FF
Màu có tên gần nhất: Fresh Blue of Bel Air
#0097FF (rgb(0 151 255), hsl(204 100% 50%), oklch(0.665 0.186 249.5)) gần nhất với màu có tên Fresh Blue of Bel Air. 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.
#0097FF
oklch(0.665 0.186 249.5)
Chuyển đổi màu
- HEX
- #0097ff
- RGB
- rgb(0 151 255)
- HSL
- hsl(204 100% 50%)
- HWB
- hwb(204 0% 0%)
- OKLCH
- oklch(0.665 0.186 249.5)
- OKLab
- oklab(0.665 -0.065 -0.174)
- CIE Lab
- lab(60.11 -4.11 -62.01)
- LCH
- lch(60.11 62.14 266.2)
- CMYK
- cmyk(100% 41% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 39A2FF
- 55AEFF
- 6EB8FF
- 84C3FF
- 99CDFF
- AED8FF
- C2E2FF
- D7ECFF
- EBF5FF
Sắc đậm
- 0083DE
- 006FBE
- 005C9E
- 004980
- 003763
- 002648
- 00172E
- 000816
- 000103
Sắc xám
- 2896F2
- 3A94E6
- 4892D9
- 5390CD
- 5C8EC0
- 658CB3
- 6C89A7
- 73869A
- 7A838D
Hòa sắc
Bổ túc +180°
- 0097FF
Fresh Blue of Bel Air
- CB8100
≈ Bamboo Brown
Tương đồng -30° +30°
- 0097FF
Fresh Blue of Bel Air
- 00A4C6
≈ Cyan Blue
- 8082FF
≈ Blue Party Parrot
Bộ ba +120° +240°
- 0097FF
Fresh Blue of Bel Air
- ED577A
≈ Lick and Kiss
- 6FA700
≈ Christi
Bổ túc chia +150° +210°
- 0097FF
Fresh Blue of Bel Air
- EE612B
≈ Durotar Fire
- A89400
≈ Bark Sawdust
Bộ bốn +90° +180° +270°
- 0097FF
Fresh Blue of Bel Air
- DA5EB8
≈ Pink Charge
- CB8100
≈ Bamboo Brown
- 00AF72
≈ Jade Powder
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.05:1 · APCA Lc 57
Ag
AATrên nền đen
WCAG 6.87:1 · APCA Lc 45
Màu chữ tốt nhất: #000000
WCAG 6.87:1 (AA) · APCA Lc 45
Contrast pairs
Đoạn mã
CSS
:root {
--fresh-blue-of-bel-air: #0097ff;
--fresh-blue-of-bel-air-rgb: 0 151 255;
--fresh-blue-of-bel-air-oklch: oklch(0.665 0.186 249.5);
}
.element {
color: var(--fresh-blue-of-bel-air);
background-color: hsl(204 100% 50%);
border-color: oklch(0.665 0.186 249.5);
}Tailwind CSS v4
@theme {
--color-fresh-blue-of-bel-air: #0097ff;
--color-fresh-blue-of-bel-air-50: #cffaff;
--color-fresh-blue-of-bel-air-100: #baedff;
--color-fresh-blue-of-bel-air-200: #98daff;
--color-fresh-blue-of-bel-air-300: #6abcff;
--color-fresh-blue-of-bel-air-400: #2ea3ff;
--color-fresh-blue-of-bel-air-500: #0088fa;
--color-fresh-blue-of-bel-air-600: #0073d2;
--color-fresh-blue-of-bel-air-700: #005ca9;
--color-fresh-blue-of-bel-air-800: #00447e;
--color-fresh-blue-of-bel-air-900: #002f59;
--color-fresh-blue-of-bel-air-950: #001b3d;
}SCSS
$fresh-blue-of-bel-air: #0097ff;
$fresh-blue-of-bel-air-rgb: 0, 151, 255;
$fresh-blue-of-bel-air-light: mix(#fff, $fresh-blue-of-bel-air, 20%);
$fresh-blue-of-bel-air-dark: mix(#000, $fresh-blue-of-bel-air, 20%);
.element {
color: $fresh-blue-of-bel-air;
box-shadow: 0 0 0 2px rgba($fresh-blue-of-bel-air, 0.35);
}