Màu có tên gần nhất · #009AFF
#009AFF
Màu có tên gần nhất: Fresh Blue of Bel Air
#009AFF (rgb(0 154 255), hsl(204 100% 50%), oklch(0.671 0.183 248.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.
#009AFF
oklch(0.671 0.183 248.5)
Chuyển đổi màu
- HEX
- #009aff
- RGB
- rgb(0 154 255)
- HSL
- hsl(204 100% 50%)
- HWB
- hwb(204 0% 0%)
- OKLCH
- oklch(0.671 0.183 248.5)
- OKLab
- oklab(0.671 -0.067 -0.17)
- CIE Lab
- lab(60.98 -5.71 -60.62)
- LCH
- lch(60.98 60.89 264.6)
- CMYK
- cmyk(100% 40% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 39A5FF
- 56B0FF
- 6EBAFF
- 85C5FF
- 9ACFFF
- AFD9FF
- C3E2FF
- D7ECFF
- EBF6FF
Sắc đậm
- 0085DE
- 0071BE
- 005E9E
- 004B80
- 003963
- 002748
- 00172E
- 000916
- 000103
Sắc xám
- 2998F2
- 3B96E6
- 4894D9
- 5392CC
- 5D8FC0
- 658DB3
- 6D8AA7
- 74879A
- 7A838D
Hòa sắc
Bổ túc +180°
- 009AFF
Fresh Blue of Bel Air
- CF8200
≈ Copious Caramel
Tương đồng -30° +30°
- 009AFF
Fresh Blue of Bel Air
- 00A7C7
≈ Gummy Dolphins
- 8086FF
≈ Blue Party Parrot
Bộ ba +120° +240°
- 009AFF
Fresh Blue of Bel Air
- EE5B7F
≈ Watermelon Juice
- 74A900
≈ Green Envy
Bổ túc chia +150° +210°
- 009AFF
Fresh Blue of Bel Air
- EF6434
≈ Exuberant Orange
- AC9600
≈ Vegan Villain
Bộ bốn +90° +180° +270°
- 009AFF
Fresh Blue of Bel Air
- DA61BB
≈ Pink Charge
- CF8200
≈ Copious Caramel
- 00B170
≈ Jade Powder
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.97:1 · APCA Lc 56
Ag
AAATrên nền đen
WCAG 7.06:1 · APCA Lc 46
Màu chữ tốt nhất: #000000
WCAG 7.06:1 (AAA) · APCA Lc 46
Contrast pairs
Đoạn mã
CSS
:root {
--fresh-blue-of-bel-air: #009aff;
--fresh-blue-of-bel-air-rgb: 0 154 255;
--fresh-blue-of-bel-air-oklch: oklch(0.671 0.183 248.5);
}
.element {
color: var(--fresh-blue-of-bel-air);
background-color: hsl(204 100% 50%);
border-color: oklch(0.671 0.183 248.5);
}Tailwind CSS v4
@theme {
--color-fresh-blue-of-bel-air: #009aff;
--color-fresh-blue-of-bel-air-50: #cefaff;
--color-fresh-blue-of-bel-air-100: #baedff;
--color-fresh-blue-of-bel-air-200: #97daff;
--color-fresh-blue-of-bel-air-300: #69bdff;
--color-fresh-blue-of-bel-air-400: #2ca4ff;
--color-fresh-blue-of-bel-air-500: #0089f7;
--color-fresh-blue-of-bel-air-600: #0074d0;
--color-fresh-blue-of-bel-air-700: #005da8;
--color-fresh-blue-of-bel-air-800: #00457d;
--color-fresh-blue-of-bel-air-900: #003058;
--color-fresh-blue-of-bel-air-950: #001b3c;
}SCSS
$fresh-blue-of-bel-air: #009aff;
$fresh-blue-of-bel-air-rgb: 0, 154, 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);
}