Named color · #AED1E8
Vive le Vent
Vive le Vent is #AED1E8: rgb(174 209 232), hsl(204 56% 80%), oklch(0.843 0.049 237). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Vive le Vent color name →
#AED1E8
oklch(0.843 0.049 237)
Color conversions
- HEX
- #aed1e8
- RGB
- rgb(174 209 232)
- HSL
- hsl(204 56% 80%)
- HWB
- hwb(204 68% 9%)
- OKLCH
- oklch(0.843 0.049 237)
- OKLab
- oklab(0.843 -0.027 -0.041)
- CIE Lab
- lab(81.85 -8.21 -15.44)
- LCH
- lch(81.85 17.49 242)
- CMYK
- cmyk(25% 10% 0% 9%)
Tints · Shades · Tones
Tints
- B6D6EA
- BEDAED
- C6DFEF
- CEE3F1
- D6E8F4
- DFEDF6
- E7F1F8
- EFF6FB
- F7FAFD
Shades
- 97B5CA
- 809BAC
- 6A8190
- 556874
- 415059
- 2E3940
- 1C2329
- 0B1013
- 010203
Tones
- A9C9DD
- A5C0D2
- A0B8C8
- 9CB0BD
- 97A8B3
- 93A0A8
- 8E989E
- 899094
- 85888A
Color harmonies
Complementary +180°
- AED1E8
Vive le Vent
- E5C4AD
≈ Marilyn Monroe
Analogous -30° +30°
- AED1E8
Vive le Vent
- A7D5DC
≈ Rapture Blue
- BDCBED
≈ Cuddle
Triadic +120° +240°
- AED1E8
Vive le Vent
- E7BFCC
≈ Soap Pink
- C9D0AC
≈ Bamboo White
Split-complementary +150° +210°
- AED1E8
Vive le Vent
- EAC0BA
≈ Rosy Glow
- D9CAA7
≈ Fiji Sands
Tetradic +90° +180° +270°
- AED1E8
Vive le Vent
- DDC1DC
≈ Epiphany
- E5C4AD
≈ Marilyn Monroe
- B7D5B9
≈ Surf
Contrast & accessibility
Ag
FailOn white
WCAG 1.60:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.08:1 · APCA Lc 76
Best text color: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--vive-le-vent: #aed1e8;
--vive-le-vent-rgb: 174 209 232;
--vive-le-vent-oklch: oklch(0.843 0.049 237);
}
.element {
color: var(--vive-le-vent);
background-color: hsl(204 56% 80%);
border-color: oklch(0.843 0.049 237);
}Tailwind CSS v4
@theme {
--color-vive-le-vent: #aed1e8;
--color-vive-le-vent-50: #e9f8ff;
--color-vive-le-vent-100: #daebf7;
--color-vive-le-vent-200: #c2d8e7;
--color-vive-le-vent-300: #a1bcce;
--color-vive-le-vent-400: #83a3b8;
--color-vive-le-vent-500: #678ca3;
--color-vive-le-vent-600: #57768a;
--color-vive-le-vent-700: #465e6e;
--color-vive-le-vent-800: #324551;
--color-vive-le-vent-900: #223039;
--color-vive-le-vent-950: #111c23;
}SCSS
$vive-le-vent: #aed1e8;
$vive-le-vent-rgb: 174, 209, 232;
$vive-le-vent-light: mix(#fff, $vive-le-vent, 20%);
$vive-le-vent-dark: mix(#000, $vive-le-vent, 20%);
.element {
color: $vive-le-vent;
box-shadow: 0 0 0 2px rgba($vive-le-vent, 0.35);
}