Named color · #BAD5D4
Wingsuit Wind
Wingsuit Wind is #BAD5D4: rgb(186 213 212), hsl(178 24% 78%), oklch(0.853 0.029 193.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Wingsuit Wind color name →
#BAD5D4
oklch(0.853 0.029 193.9)
Color conversions
- HEX
- #bad5d4
- RGB
- rgb(186 213 212)
- HSL
- hsl(178 24% 78%)
- HWB
- hwb(178 73% 16%)
- OKLCH
- oklch(0.853 0.029 193.9)
- OKLab
- oklab(0.853 -0.028 -0.007)
- CIE Lab
- lab(83.24 -9.47 -2.71)
- LCH
- lch(83.24 9.85 196)
- CMYK
- cmyk(13% 0% 0% 16%)
Tints · Shades · Tones
Tints
- C1D9D8
- C8DDDC
- CFE2E1
- D5E6E5
- DCEAE9
- E3EEEE
- EAF2F2
- F1F7F6
- F8FBFB
Shades
- A1B9B8
- 899E9D
- 728383
- 5C6A69
- 465151
- 323A3A
- 1E2424
- 0D1010
- 020202
Tones
- B4CCCB
- AEC3C3
- A8BBBA
- A3B2B1
- 9DAAA9
- 97A1A1
- 919998
- 8B9090
- 868888
Color harmonies
Complementary +180°
- BAD5D4
Wingsuit Wind
- E1C7C9
≈ Pocketful of Promise
Analogous -30° +30°
- BAD5D4
Wingsuit Wind
- BED5CA
≈ Soft Fresco
- BBD3DD
≈ Millstream
Triadic +120° +240°
- BAD5D4
Wingsuit Wind
- D6C9DC
≈ Languid Lavender
- DACCBA
≈ Studio Clay
Split-complementary +150° +210°
- BAD5D4
Wingsuit Wind
- DDC8D3
≈ Sleepy Kisses
- E0C9C0
≈ Ancient Ruins
Tetradic +90° +180° +270°
- BAD5D4
Wingsuit Wind
- CCCDE2
≈ Blueberry Mist
- E1C7C9
≈ Pocketful of Promise
- D1D0BB
≈ With a Twist
Contrast & accessibility
Ag
FailOn white
WCAG 1.54:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.55:1 · APCA Lc 78
Best text color: #000000
WCAG 13.55:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--wingsuit-wind: #bad5d4;
--wingsuit-wind-rgb: 186 213 212;
--wingsuit-wind-oklch: oklch(0.853 0.029 193.9);
}
.element {
color: var(--wingsuit-wind);
background-color: hsl(178 24% 78%);
border-color: oklch(0.853 0.029 193.9);
}Tailwind CSS v4
@theme {
--color-wingsuit-wind: #bad5d4;
--color-wingsuit-wind-50: #ecf8f8;
--color-wingsuit-wind-100: #ddebeb;
--color-wingsuit-wind-200: #c7d8d8;
--color-wingsuit-wind-300: #a7bcbc;
--color-wingsuit-wind-400: #8ca4a3;
--color-wingsuit-wind-500: #718d8c;
--color-wingsuit-wind-600: #5f7776;
--color-wingsuit-wind-700: #4c5f5e;
--color-wingsuit-wind-800: #374645;
--color-wingsuit-wind-900: #263030;
--color-wingsuit-wind-950: #141c1c;
}SCSS
$wingsuit-wind: #bad5d4;
$wingsuit-wind-rgb: 186, 213, 212;
$wingsuit-wind-light: mix(#fff, $wingsuit-wind, 20%);
$wingsuit-wind-dark: mix(#000, $wingsuit-wind, 20%);
.element {
color: $wingsuit-wind;
box-shadow: 0 0 0 2px rgba($wingsuit-wind, 0.35);
}