命名颜色 · #A3D4EF
Light Shimmer
Light Shimmer 即 #A3D4EF：rgb(163 212 239)、hsl(201 70% 79%)、oklch(0.845 0.063 232.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Light Shimmer color name →
#A3D4EF
oklch(0.845 0.063 232.6)
颜色转换
- HEX
- #a3d4ef
- RGB
- rgb(163 212 239)
- HSL
- hsl(201 70% 79%)
- HWB
- hwb(201 64% 6%)
- OKLCH
- oklch(0.845 0.063 232.6)
- OKLab
- oklab(0.845 -0.039 -0.05)
- CIE Lab
- lab(82.15 -11.76 -18.78)
- LCH
- lch(82.15 22.16 237.9)
- CMYK
- cmyk(32% 11% 0% 6%)
浅色调 · 深色调 · 灰色调
浅色调
- ACD8F1
- B6DDF2
- BFE1F4
- C8E5F6
- D1EAF7
- DBEEF9
- E4F2FA
- EDF6FC
- F6FBFE
深色调
- 8DB8D0
- 789DB1
- 638394
- 4F6978
- 3C515C
- 2A3A42
- 19242A
- 0A1014
- 010203
灰色调
- A0CBE3
- 9DC3D8
- 99BACD
- 96B2C1
- 92A9B6
- 8FA1AB
- 8B99A0
- 889095
- 84888B
配色和谐
互补色 +180°
- A3D4EF
Light Shimmer
- EEC1A6
≈ Alesan
类似色 -30° +30°
- A3D4EF
Light Shimmer
- 9BD9DE
≈ Lake Reflection
- B6CDF6
≈ Ice Cold Stare
三角配色 +120° +240°
- A3D4EF
Light Shimmer
- EEBCD0
≈ Dainty Pink
- CCD1A1
≈ True to You
分裂互补色 +150° +210°
- A3D4EF
Light Shimmer
- F3BCB9
≈ Pinkathon
- E1C99D
≈ So Close
四角配色 +90° +180° +270°
- A3D4EF
Light Shimmer
- E1BFE5
≈ Glittering Gemstone
- EEC1A6
≈ Alesan
- B5D7B1
≈ Flower Stem
对比度与无障碍
Ag
Fail白底
WCAG 1.58:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.22:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--light-shimmer: #a3d4ef;
--light-shimmer-rgb: 163 212 239;
--light-shimmer-oklch: oklch(0.845 0.063 232.6);
}
.element {
color: var(--light-shimmer);
background-color: hsl(201 70% 79%);
border-color: oklch(0.845 0.063 232.6);
}Tailwind CSS v4
@theme {
--color-light-shimmer: #a3d4ef;
--color-light-shimmer-50: #e5f9ff;
--color-light-shimmer-100: #d4ecfa;
--color-light-shimmer-200: #bbd9ec;
--color-light-shimmer-300: #98bdd3;
--color-light-shimmer-400: #79a5be;
--color-light-shimmer-500: #598ea9;
--color-light-shimmer-600: #4c788f;
--color-light-shimmer-700: #3d6073;
--color-light-shimmer-800: #2b4754;
--color-light-shimmer-900: #1d313b;
--color-light-shimmer-950: #0d1d25;
}SCSS
$light-shimmer: #a3d4ef;
$light-shimmer-rgb: 163, 212, 239;
$light-shimmer-light: mix(#fff, $light-shimmer, 20%);
$light-shimmer-dark: mix(#000, $light-shimmer, 20%);
.element {
color: $light-shimmer;
box-shadow: 0 0 0 2px rgba($light-shimmer, 0.35);
}