이름 색상 · #BAD5D4
Wingsuit Wind
Wingsuit Wind은(는) #BAD5D4: rgb(186 213 212), hsl(178 24% 78%), oklch(0.853 0.029 193.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Wingsuit Wind color name →
#BAD5D4
oklch(0.853 0.029 193.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C1D9D8
- C8DDDC
- CFE2E1
- D5E6E5
- DCEAE9
- E3EEEE
- EAF2F2
- F1F7F6
- F8FBFB
셰이드
- A1B9B8
- 899E9D
- 728383
- 5C6A69
- 465151
- 323A3A
- 1E2424
- 0D1010
- 020202
톤
- B4CCCB
- AEC3C3
- A8BBBA
- A3B2B1
- 9DAAA9
- 97A1A1
- 919998
- 8B9090
- 868888
색 조화
보색 +180°
- BAD5D4
Wingsuit Wind
- E1C7C9
≈ Pocketful of Promise
유사색 -30° +30°
- BAD5D4
Wingsuit Wind
- BED5CA
≈ Soft Fresco
- BBD3DD
≈ Millstream
삼각 배색 +120° +240°
- BAD5D4
Wingsuit Wind
- D6C9DC
≈ Languid Lavender
- DACCBA
≈ Studio Clay
분열 보색 +150° +210°
- BAD5D4
Wingsuit Wind
- DDC8D3
≈ Sleepy Kisses
- E0C9C0
≈ Ancient Ruins
사각 배색 +90° +180° +270°
- BAD5D4
Wingsuit Wind
- CCCDE2
≈ Blueberry Mist
- E1C7C9
≈ Pocketful of Promise
- D1D0BB
≈ With a Twist
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.55:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.55:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
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);
}