가장 가까운 이름 색상 · #6A89E6
#6A89E6
가장 가까운 이름 색상: Skinny Jeans
#6A89E6(rgb(106 137 230), hsl(225 71% 66%), oklch(0.649 0.144 268.3))와 가장 가까운 이름 색상은 Skinny Jeans입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6A89E6
oklch(0.649 0.144 268.3)
색상 변환
- HEX
- #6a89e6
- RGB
- rgb(106 137 230)
- HSL
- hsl(225 71% 66%)
- HWB
- hwb(225 42% 10%)
- OKLCH
- oklch(0.649 0.144 268.3)
- OKLab
- oklab(0.649 -0.004 -0.143)
- CIE Lab
- lab(57.98 9.21 -51.44)
- LCH
- lch(57.98 52.25 280.2)
- CMYK
- cmyk(54% 40% 0% 10%)
틴트 · 셰이드 · 톤
틴트
- 7895E9
- 86A1ED
- 94ADF0
- A3B9F3
- B2C5F5
- C1D0F8
- D0DCFA
- E0E8FC
- EFF3FE
셰이드
- 5B76C8
- 4D64AB
- 3F538E
- 314273
- 243159
- 182240
- 0D1428
- 040713
- 000103
톤
- 6C89DC
- 6E88D2
- 7188C8
- 7387BE
- 7586B4
- 7785A9
- 79849F
- 7C8395
- 7E818B
색 조화
보색 +180°
- 6A89E6
Skinny Jeans
- B08900
≈ Yellow Brown
유사색 -30° +30°
- 6A89E6
Skinny Jeans
- 0699DC
≈ Atmosphere
- 9B79DA
≈ Iridescent Purple
삼각 배색 +120° +240°
- 6A89E6
Skinny Jeans
- D8685B
≈ Tory Red
- 45A65B
≈ Spinach
분열 보색 +150° +210°
- 6A89E6
Skinny Jeans
- CE7520
≈ Ochre
- 879A1B
≈ Densetsu Green
사각 배색 +90° +180° +270°
- 6A89E6
Skinny Jeans
- D2658E
≈ Preppy Rose
- B08900
≈ Yellow Brown
- 00A68F
≈ Ottawa Falls
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.31:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.33:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--skinny-jeans: #6a89e6;
--skinny-jeans-rgb: 106 137 230;
--skinny-jeans-oklch: oklch(0.649 0.144 268.3);
}
.element {
color: var(--skinny-jeans);
background-color: hsl(225 71% 66%);
border-color: oklch(0.649 0.144 268.3);
}Tailwind CSS v4
@theme {
--color-skinny-jeans: #6a89e6;
--color-skinny-jeans-50: #e5f4ff;
--color-skinny-jeans-100: #d5e6ff;
--color-skinny-jeans-200: #bdd2ff;
--color-skinny-jeans-300: #9bb3ff;
--color-skinny-jeans-400: #7b9af3;
--color-skinny-jeans-500: #5e7ee4;
--color-skinny-jeans-600: #506bc1;
--color-skinny-jeans-700: #40569b;
--color-skinny-jeans-800: #2b3f74;
--color-skinny-jeans-900: #1d2c52;
--color-skinny-jeans-950: #0d1837;
}SCSS
$skinny-jeans: #6a89e6;
$skinny-jeans-rgb: 106, 137, 230;
$skinny-jeans-light: mix(#fff, $skinny-jeans, 20%);
$skinny-jeans-dark: mix(#000, $skinny-jeans, 20%);
.element {
color: $skinny-jeans;
box-shadow: 0 0 0 2px rgba($skinny-jeans, 0.35);
}