最接近的命名颜色 · #A9C3E1
#A9C3E1
最接近的命名颜色: Breeze
#A9C3E1（rgb(169 195 225)、hsl(212 48% 77%)、oklch(0.808 0.051 252.1)）最接近命名颜色 Breeze。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A9C3E1
oklch(0.808 0.051 252.1)
颜色转换
- HEX
- #a9c3e1
- RGB
- rgb(169 195 225)
- HSL
- hsl(212 48% 77%)
- HWB
- hwb(212 66% 12%)
- OKLCH
- oklch(0.808 0.051 252.1)
- OKLab
- oklab(0.808 -0.016 -0.049)
- CIE Lab
- lab(77.59 -4.15 -18.11)
- LCH
- lch(77.59 18.58 257.1)
- CMYK
- cmyk(25% 13% 0% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- B1C9E4
- BACFE7
- C2D5EA
- CBDBED
- D4E1F0
- DCE7F3
- E5EDF6
- EEF3F9
- F6F9FC
深色调
- 92A9C4
- 7C90A7
- 67788B
- 536070
- 3F4A56
- 2C343E
- 1B2027
- 0A0E12
- 010202
灰色调
- A5BCD7
- A1B5CD
- 9DAEC3
- 99A8B9
- 95A1B0
- 909AA6
- 8C949C
- 888D93
- 848789
配色和谐
互补色 +180°
- A9C3E1
Breeze
- D5BC9D
≈ Gaia
类似色 -30° +30°
- A9C3E1
Breeze
- 9DC8D8
≈ Sound Waves
- BABDE1
≈ Wisteria Fragrance
三角配色 +120° +240°
- A9C3E1
Breeze
- DFB3B7
≈ Sakura
- B4C8A6
≈ Freshwater Green
分裂互补色 +150° +210°
- A9C3E1
Breeze
- DEB6A7
≈ Melted Ice Cream
- C6C29C
≈ Tangled Vines
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.81:1 · APCA Lc 34
Ag
AAA黑底
WCAG 11.58:1 · APCA Lc 69
最佳文字颜色: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
代码片段
CSS
:root {
--breeze: #a9c3e1;
--breeze-rgb: 169 195 225;
--breeze-oklch: oklch(0.808 0.051 252.1);
}
.element {
color: var(--breeze);
background-color: hsl(212 48% 77%);
border-color: oklch(0.808 0.051 252.1);
}Tailwind CSS v4
@theme {
--color-breeze: #a9c3e1;
--color-breeze-50: #ebf6ff;
--color-breeze-100: #dde9f9;
--color-breeze-200: #c6d6ea;
--color-breeze-300: #a6b9d2;
--color-breeze-400: #89a1bc;
--color-breeze-500: #6e89a8;
--color-breeze-600: #5d748e;
--color-breeze-700: #4a5d72;
--color-breeze-800: #354454;
--color-breeze-900: #242f3a;
--color-breeze-950: #131b24;
}SCSS
$breeze: #a9c3e1;
$breeze-rgb: 169, 195, 225;
$breeze-light: mix(#fff, $breeze, 20%);
$breeze-dark: mix(#000, $breeze, 20%);
.element {
color: $breeze;
box-shadow: 0 0 0 2px rgba($breeze, 0.35);
}