가장 가까운 이름 색상 · #679AC5
#679AC5
가장 가까운 이름 색상: Windstorm
#679AC5(rgb(103 154 197), hsl(207 45% 59%), oklch(0.667 0.084 245))와 가장 가까운 이름 색상은 Windstorm입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#679AC5
oklch(0.667 0.084 245)
색상 변환
- HEX
- #679ac5
- RGB
- rgb(103 154 197)
- HSL
- hsl(207 45% 59%)
- HWB
- hwb(207 40% 23%)
- OKLCH
- oklch(0.667 0.084 245)
- OKLab
- oklab(0.667 -0.036 -0.076)
- CIE Lab
- lab(61.28 -8.65 -27.95)
- LCH
- lch(61.28 29.26 252.8)
- CMYK
- cmyk(48% 22% 0% 23%)
틴트 · 셰이드 · 톤
틴트
- 76A4CB
- 85AED1
- 94B8D7
- A3C2DD
- B2CCE3
- C2D6E8
- D1E0EE
- E0EAF4
- EFF5F9
셰이드
- 5985AB
- 4B7192
- 3D5E79
- 304B61
- 23394B
- 172735
- 0C1721
- 04090E
- 000102
톤
- 6A98BE
- 6D95B7
- 7093B0
- 7390A9
- 758DA3
- 788B9C
- 7A8895
- 7C858E
- 7E8387
색 조화
보색 +180°
- 679AC5
Windstorm
- B88A5C
≈ Caramel Cupcake
유사색 -30° +30°
- 679AC5
Windstorm
- 50A2B5
≈ Maui Blue
- 8590C8
≈ Bailey Bells
삼각 배색 +120° +240°
- 679AC5
Windstorm
- C17E8D
≈ Lipstick Pink
- 889E64
≈ Green Sky
분열 보색 +150° +210°
- 679AC5
Windstorm
- C28271
≈ Earthworm
- A49456
≈ Desert Yellow
사각 배색 +90° +180° +270°
- 679AC5
Windstorm
- B581A9
≈ Stage Mauve
- B88A5C
≈ Caramel Cupcake
- 69A47E
≈ Growth
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.99:1 · APCA Lc 57
Ag
AAA검은색 위
WCAG 7.00:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 7.00:1 (AAA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--windstorm: #679ac5;
--windstorm-rgb: 103 154 197;
--windstorm-oklch: oklch(0.667 0.084 245);
}
.element {
color: var(--windstorm);
background-color: hsl(207 45% 59%);
border-color: oklch(0.667 0.084 245);
}Tailwind CSS v4
@theme {
--color-windstorm: #679ac5;
--color-windstorm-50: #e3f8ff;
--color-windstorm-100: #d2ebff;
--color-windstorm-200: #b8d8f7;
--color-windstorm-300: #95bce1;
--color-windstorm-400: #74a4cd;
--color-windstorm-500: #538cba;
--color-windstorm-600: #47769d;
--color-windstorm-700: #395f7e;
--color-windstorm-800: #27465d;
--color-windstorm-900: #1a3041;
--color-windstorm-950: #0a1c2a;
}SCSS
$windstorm: #679ac5;
$windstorm-rgb: 103, 154, 197;
$windstorm-light: mix(#fff, $windstorm, 20%);
$windstorm-dark: mix(#000, $windstorm, 20%);
.element {
color: $windstorm;
box-shadow: 0 0 0 2px rgba($windstorm, 0.35);
}