最接近的命名颜色 · #A8C7D8
#A8C7D8
最接近的命名颜色: Airborne
#A8C7D8（rgb(168 199 216)、hsl(201 38% 75%)、oklch(0.812 0.041 231.9)）最接近命名颜色 Airborne。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A8C7D8
oklch(0.812 0.041 231.9)
颜色转换
- HEX
- #a8c7d8
- RGB
- rgb(168 199 216)
- HSL
- hsl(201 38% 75%)
- HWB
- hwb(201 66% 15%)
- OKLCH
- oklch(0.812 0.041 231.9)
- OKLab
- oklab(0.812 -0.025 -0.032)
- CIE Lab
- lab(78.36 -7.99 -12.16)
- LCH
- lch(78.36 14.55 236.7)
- CMYK
- cmyk(22% 8% 0% 15%)
浅色调 · 深色调 · 灰色调
浅色调
- B1CDDC
- B9D2E0
- C2D8E4
- CBDDE8
- D3E3EC
- DCE8EF
- E5EEF3
- EDF4F7
- F6F9FB
深色调
- 92ADBC
- 7C93A0
- 677A85
- 52626B
- 3F4C53
- 2C363B
- 1A2125
- 0A0E11
- 010202
灰色调
- A4C0CF
- A0B8C6
- 9CB1BD
- 98AAB4
- 94A3AB
- 909CA2
- 8C959A
- 888E91
- 848788
配色和谐
互补色 +180°
- A8C7D8
Airborne
- D8BBAA
≈ Linen Cloth
类似色 -30° +30°
- A8C7D8
Airborne
- A3CACD
≈ Aqua Mist
- B3C2DD
≈ Eternal Elegance
三角配色 +120° +240°
- A8C7D8
Airborne
- D8B7C4
≈ Pale Lilac
- C2C5A7
≈ Balance Green
分裂互补色 +150° +210°
- A8C7D8
Airborne
- DBB8B6
≈ Rose Hip Tonic
- CFC0A4
≈ Stylish
四角配色 +90° +180° +270°
- A8C7D8
Airborne
- CFB9D2
≈ Liberace
- D8BBAA
≈ Linen Cloth
- B3C9B0
≈ Gum Leaf
对比度与无障碍
Ag
Fail白底
WCAG 1.77:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.82:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--airborne: #a8c7d8;
--airborne-rgb: 168 199 216;
--airborne-oklch: oklch(0.812 0.041 231.9);
}
.element {
color: var(--airborne);
background-color: hsl(201 38% 75%);
border-color: oklch(0.812 0.041 231.9);
}Tailwind CSS v4
@theme {
--color-airborne: #a8c7d8;
--color-airborne-50: #eaf7ff;
--color-airborne-100: #dbebf4;
--color-airborne-200: #c4d8e3;
--color-airborne-300: #a4bbca;
--color-airborne-400: #87a3b3;
--color-airborne-500: #6b8b9d;
--color-airborne-600: #5b7685;
--color-airborne-700: #485e6a;
--color-airborne-800: #34454e;
--color-airborne-900: #233036;
--color-airborne-950: #121c21;
}SCSS
$airborne: #a8c7d8;
$airborne-rgb: 168, 199, 216;
$airborne-light: mix(#fff, $airborne, 20%);
$airborne-dark: mix(#000, $airborne, 20%);
.element {
color: $airborne;
box-shadow: 0 0 0 2px rgba($airborne, 0.35);
}