가장 가까운 이름 색상 · #B69AC6
#B69AC6
가장 가까운 이름 색상: Turnip Crown
#B69AC6(rgb(182 154 198), hsl(278 28% 69%), oklch(0.726 0.07 313.1))와 가장 가까운 이름 색상은 Turnip Crown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B69AC6
oklch(0.726 0.07 313.1)
색상 변환
- HEX
- #b69ac6
- RGB
- rgb(182 154 198)
- HSL
- hsl(278 28% 69%)
- HWB
- hwb(278 60% 22%)
- OKLCH
- oklch(0.726 0.07 313.1)
- OKLab
- oklab(0.726 0.048 -0.051)
- CIE Lab
- lab(67.27 16.8 -18.75)
- LCH
- lch(67.27 25.18 311.9)
- CMYK
- cmyk(8% 22% 0% 22%)
틴트 · 셰이드 · 톤
틴트
- BDA4CC
- C4AED1
- CCB8D7
- D3C2DD
- DACCE3
- E1D6E8
- E9E0EE
- F0EAF4
- F8F5F9
셰이드
- 9E85AC
- 867192
- 6F5E7A
- 594B62
- 44394B
- 302735
- 1D1721
- 0C090E
- 020102
톤
- B097BF
- AB95B8
- A692B1
- A090AA
- 9B8DA3
- 958B9C
- 908895
- 8B858E
- 858387
색 조화
보색 +180°
- B69AC6
Turnip Crown
- 95B083
≈ Fair Green
유사색 -30° +30°
- B69AC6
Turnip Crown
- A0A1D2
≈ Water Hyacinth
- C695B2
≈ Morning Glory Pink
삼각 배색 +120° +240°
- B69AC6
Turnip Crown
- C1A076
≈ Friendly Tan
- 70B5B2
≈ Aurora Teal
분열 보색 +150° +210°
- B69AC6
Turnip Crown
- AEA975
≈ Cardamom
- 7EB59A
≈ Mid-century Gem
사각 배색 +90° +180° +270°
- B69AC6
Turnip Crown
- CD9984
≈ Dusty Coral
- 95B083
≈ Fair Green
- 75B1C7
≈ Frisky Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.49:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.42:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--turnip-crown: #b69ac6;
--turnip-crown-rgb: 182 154 198;
--turnip-crown-oklch: oklch(0.726 0.07 313.1);
}
.element {
color: var(--turnip-crown);
background-color: hsl(278 28% 69%);
border-color: oklch(0.726 0.07 313.1);
}Tailwind CSS v4
@theme {
--color-turnip-crown: #b69ac6;
--color-turnip-crown-50: #fdf0ff;
--color-turnip-crown-100: #f1e1f8;
--color-turnip-crown-200: #e0cce9;
--color-turnip-crown-300: #c5add0;
--color-turnip-crown-400: #ad93bc;
--color-turnip-crown-500: #9779a7;
--color-turnip-crown-600: #7f668d;
--color-turnip-crown-700: #665271;
--color-turnip-crown-800: #4a3c54;
--color-turnip-crown-900: #33293b;
--color-turnip-crown-950: #1f1725;
}SCSS
$turnip-crown: #b69ac6;
$turnip-crown-rgb: 182, 154, 198;
$turnip-crown-light: mix(#fff, $turnip-crown, 20%);
$turnip-crown-dark: mix(#000, $turnip-crown, 20%);
.element {
color: $turnip-crown;
box-shadow: 0 0 0 2px rgba($turnip-crown, 0.35);
}