가장 가까운 이름 색상 · #87A0C7
#87A0C7
가장 가까운 이름 색상: Wisteria Blue
#87A0C7(rgb(135 160 199), hsl(217 36% 65%), oklch(0.701 0.064 259.2))와 가장 가까운 이름 색상은 Wisteria Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#87A0C7
oklch(0.701 0.064 259.2)
색상 변환
- HEX
- #87a0c7
- RGB
- rgb(135 160 199)
- HSL
- hsl(217 36% 65%)
- HWB
- hwb(217 53% 22%)
- OKLCH
- oklch(0.701 0.064 259.2)
- OKLab
- oklab(0.701 -0.012 -0.063)
- CIE Lab
- lab(65.01 -2 -23.17)
- LCH
- lch(65.01 23.26 265.1)
- CMYK
- cmyk(32% 20% 0% 22%)
틴트 · 셰이드 · 톤
틴트
- 93A9CD
- 9EB3D2
- AABCD8
- B6C5DE
- C2CFE3
- CED8E9
- DAE2EF
- E6ECF4
- F3F5FA
셰이드
- 758BAD
- 637693
- 51617A
- 414E62
- 313B4C
- 212936
- 131921
- 06090E
- 010102
톤
- 869DC0
- 869AB9
- 8596B2
- 8493AA
- 8490A3
- 838D9C
- 828A95
- 82868E
- 818387
색 조화
보색 +180°
- 87A0C7
Wisteria Blue
- B49B71
≈ Lark
유사색 -30° +30°
- 87A0C7
Wisteria Blue
- 74A7BF
≈ Blue Ridge Mist
- 9D99C5
≈ Majestic Violet
삼각 배색 +120° +240°
- 87A0C7
Wisteria Blue
- C48F8F
≈ Floral Tapestry
- 8BA983
≈ Baby Spinach
분열 보색 +150° +210°
- 87A0C7
Wisteria Blue
- C0937C
≈ Florentine Clay
- A1A274
≈ Dill Powder
사각 배색 +90° +180° +270°
- 87A0C7
Wisteria Blue
- BE8FA5
≈ Elite Pink
- B49B71
≈ Lark
- 76AC98
≈ Acapulco
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.66:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.88:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.88:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--wisteria-blue: #87a0c7;
--wisteria-blue-rgb: 135 160 199;
--wisteria-blue-oklch: oklch(0.701 0.064 259.2);
}
.element {
color: var(--wisteria-blue);
background-color: hsl(217 36% 65%);
border-color: oklch(0.701 0.064 259.2);
}Tailwind CSS v4
@theme {
--color-wisteria-blue: #87a0c7;
--color-wisteria-blue-50: #ebf6ff;
--color-wisteria-blue-100: #dce9fe;
--color-wisteria-blue-200: #c5d5f0;
--color-wisteria-blue-300: #a5b8d9;
--color-wisteria-blue-400: #88a0c5;
--color-wisteria-blue-500: #6d87b1;
--color-wisteria-blue-600: #5c7395;
--color-wisteria-blue-700: #4a5c78;
--color-wisteria-blue-800: #344359;
--color-wisteria-blue-900: #242e3e;
--color-wisteria-blue-950: #121b27;
}SCSS
$wisteria-blue: #87a0c7;
$wisteria-blue-rgb: 135, 160, 199;
$wisteria-blue-light: mix(#fff, $wisteria-blue, 20%);
$wisteria-blue-dark: mix(#000, $wisteria-blue, 20%);
.element {
color: $wisteria-blue;
box-shadow: 0 0 0 2px rgba($wisteria-blue, 0.35);
}