Named color · #A3D4EF
Light Shimmer
Light Shimmer is #A3D4EF: rgb(163 212 239), hsl(201 70% 79%), oklch(0.845 0.063 232.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Light Shimmer color name →
#A3D4EF
oklch(0.845 0.063 232.6)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- ACD8F1
- B6DDF2
- BFE1F4
- C8E5F6
- D1EAF7
- DBEEF9
- E4F2FA
- EDF6FC
- F6FBFE
Shades
- 8DB8D0
- 789DB1
- 638394
- 4F6978
- 3C515C
- 2A3A42
- 19242A
- 0A1014
- 010203
Tones
- A0CBE3
- 9DC3D8
- 99BACD
- 96B2C1
- 92A9B6
- 8FA1AB
- 8B99A0
- 889095
- 84888B
Color harmonies
Complementary +180°
- A3D4EF
Light Shimmer
- EEC1A6
≈ Alesan
Analogous -30° +30°
- A3D4EF
Light Shimmer
- 9BD9DE
≈ Lake Reflection
- B6CDF6
≈ Ice Cold Stare
Triadic +120° +240°
- A3D4EF
Light Shimmer
- EEBCD0
≈ Dainty Pink
- CCD1A1
≈ True to You
Split-complementary +150° +210°
- A3D4EF
Light Shimmer
- F3BCB9
≈ Pinkathon
- E1C99D
≈ So Close
Tetradic +90° +180° +270°
- A3D4EF
Light Shimmer
- E1BFE5
≈ Glittering Gemstone
- EEC1A6
≈ Alesan
- B5D7B1
≈ Flower Stem
Contrast & accessibility
Ag
FailOn white
WCAG 1.58:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.22:1 · APCA Lc 76
Best text color: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
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);
}