命名颜色 · #00A9B8
Bluebird
Bluebird 即 #00A9B8：rgb(0 169 184)、hsl(185 100% 36%)、oklch(0.671 0.115 206)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Bluebird color name →
#00A9B8
oklch(0.671 0.115 206)
颜色转换
- HEX
- #00a9b8
- RGB
- rgb(0 169 184)
- HSL
- hsl(185 100% 36%)
- HWB
- hwb(185 0% 28%)
- OKLCH
- oklch(0.671 0.115 206)
- OKLab
- oklab(0.671 -0.103 -0.05)
- CIE Lab
- lab(62.8 -33.49 -18.7)
- LCH
- lch(62.8 38.36 209.2)
- CMYK
- cmyk(100% 8% 0% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- 3DB2BF
- 5ABAC6
- 72C3CD
- 88CCD4
- 9DD4DB
- B1DDE3
- C5E5EA
- D9EEF1
- ECF7F8
深色调
- 0092A0
- 007C88
- 006771
- 00535B
- 003F45
- 002C31
- 001B1E
- 000A0C
- 000102
灰色调
- 2BA5B2
- 3EA1AD
- 4C9DA7
- 5799A1
- 60959C
- 689196
- 6F8D91
- 75898B
- 7B8486
配色和谐
互补色 +180°
- 00A9B8
Bluebird
- D37870
≈ Hearts Afire
类似色 -30° +30°
- 00A9B8
Bluebird
- 2BAC93
≈ Wells of Wonder
- 43A0D2
≈ Peaceful River
三角配色 +120° +240°
- 00A9B8
Bluebird
- BA7CBB
≈ Colombo Red Mauve
- B59036
≈ Balsam Pear
分裂互补色 +150° +210°
- 00A9B8
Bluebird
- CD7698
≈ Camellia Pink
- CB824B
≈ Sticky Toffee
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.85:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.36:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.36:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--bluebird: #00a9b8;
--bluebird-rgb: 0 169 184;
--bluebird-oklch: oklch(0.671 0.115 206);
}
.element {
color: var(--bluebird);
background-color: hsl(185 100% 36%);
border-color: oklch(0.671 0.115 206);
}Tailwind CSS v4
@theme {
--color-bluebird: #00a9b8;
--color-bluebird-50: #d0ffff;
--color-bluebird-100: #bcf3fc;
--color-bluebird-200: #99e3ee;
--color-bluebird-300: #69c8d6;
--color-bluebird-400: #2fb1c0;
--color-bluebird-500: #009bab;
--color-bluebird-600: #008391;
--color-bluebird-700: #006974;
--color-bluebird-800: #004d54;
--color-bluebird-900: #00363b;
--color-bluebird-950: #002125;
}SCSS
$bluebird: #00a9b8;
$bluebird-rgb: 0, 169, 184;
$bluebird-light: mix(#fff, $bluebird, 20%);
$bluebird-dark: mix(#000, $bluebird, 20%);
.element {
color: $bluebird;
box-shadow: 0 0 0 2px rgba($bluebird, 0.35);
}