最接近的命名颜色 · #A6BFFD
#A6BFFD
最接近的命名颜色: Pastel Blue
#A6BFFD（rgb(166 191 253)、hsl(223 96% 82%)、oklch(0.808 0.092 267.4)）最接近命名颜色 Pastel Blue。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A6BFFD
oklch(0.808 0.092 267.4)
颜色转换
- HEX
- #a6bffd
- RGB
- rgb(166 191 253)
- HSL
- hsl(223 96% 82%)
- HWB
- hwb(223 65% 1%)
- OKLCH
- oklch(0.808 0.092 267.4)
- OKLab
- oklab(0.808 -0.004 -0.092)
- CIE Lab
- lab(77.15 2.16 -33.76)
- LCH
- lch(77.15 33.82 273.7)
- CMYK
- cmyk(34% 25% 0% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- AFC5FE
- B7CCFE
- C0D2FF
- C9D9FF
- D2DFFF
- DBE6FF
- E4ECFF
- EDF2FF
- F6F9FF
深色调
- 90A6DC
- 7A8DBC
- 65759D
- 515E7F
- 3E4862
- 2B3347
- 1A1F2D
- 0A0D16
- 010203
灰色调
- A2B9F0
- 9EB2E3
- 9BACD7
- 97A6CA
- 939FBD
- 8F99B1
- 8B93A5
- 888D98
- 84868C
配色和谐
互补色 +180°
- A6BFFD
Pastel Blue
- DABD79
≈ Brass Nail
类似色 -30° +30°
- A6BFFD
Pastel Blue
- 85CAF5
≈ Chromis Damsel Blue
- C7B4F5
≈ Purple Sand
三角配色 +120° +240°
- A6BFFD
Pastel Blue
- F6AAA0
≈ Rosy Outlook
- 98D19E
≈ Sunlit Glade
分裂互补色 +150° +210°
- A6BFFD
Pastel Blue
- EEB285
≈ Rusty Sand
- BBC983
≈ Apple II Beige
四角配色 +90° +180° +270°
- A6BFFD
Pastel Blue
- F2A8C1
≈ Tickled Pink
- DABD79
≈ Brass Nail
- 7AD4C0
≈ Green Parakeet
对比度与无障碍
Ag
Fail白底
WCAG 1.82:1 · APCA Lc 34
Ag
AAA黑底
WCAG 11.49:1 · APCA Lc 68
最佳文字颜色: #000000
WCAG 11.49:1 (AAA) · APCA Lc 68
Contrast pairs
代码片段
CSS
:root {
--pastel-blue: #a6bffd;
--pastel-blue-rgb: 166 191 253;
--pastel-blue-oklch: oklch(0.808 0.092 267.4);
}
.element {
color: var(--pastel-blue);
background-color: hsl(223 96% 82%);
border-color: oklch(0.808 0.092 267.4);
}Tailwind CSS v4
@theme {
--color-pastel-blue: #a6bffd;
--color-pastel-blue-50: #eaf5ff;
--color-pastel-blue-100: #dbe7ff;
--color-pastel-blue-200: #c4d3fd;
--color-pastel-blue-300: #a4b6e8;
--color-pastel-blue-400: #869dd6;
--color-pastel-blue-500: #6b84c4;
--color-pastel-blue-600: #5b70a5;
--color-pastel-blue-700: #485985;
--color-pastel-blue-800: #334263;
--color-pastel-blue-900: #232d45;
--color-pastel-blue-950: #121a2d;
}SCSS
$pastel-blue: #a6bffd;
$pastel-blue-rgb: 166, 191, 253;
$pastel-blue-light: mix(#fff, $pastel-blue, 20%);
$pastel-blue-dark: mix(#000, $pastel-blue, 20%);
.element {
color: $pastel-blue;
box-shadow: 0 0 0 2px rgba($pastel-blue, 0.35);
}