가장 가까운 이름 색상 · #C09BD3
#C09BD3
가장 가까운 이름 색상: Turnip Crown
#C09BD3(rgb(192 155 211), hsl(280 39% 72%), oklch(0.742 0.089 314))와 가장 가까운 이름 색상은 Turnip Crown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C09BD3
oklch(0.742 0.089 314)
색상 변환
- HEX
- #c09bd3
- RGB
- rgb(192 155 211)
- HSL
- hsl(280 39% 72%)
- HWB
- hwb(280 61% 17%)
- OKLCH
- oklch(0.742 0.089 314)
- OKLab
- oklab(0.742 0.062 -0.064)
- CIE Lab
- lab(68.88 21.77 -23.39)
- LCH
- lch(68.88 31.96 312.9)
- CMYK
- cmyk(9% 27% 0% 17%)
틴트 · 셰이드 · 톤
틴트
- C6A5D8
- CDAFDC
- D3B9E1
- D9C3E5
- DFCCE9
- E6D7EE
- ECE1F2
- F2EBF7
- F9F5FB
셰이드
- A786B7
- 8E729C
- 765E82
- 5F4B69
- 493951
- 34283A
- 201824
- 0E0910
- 020102
톤
- B998CB
- B396C2
- AC93BA
- A691B1
- A08EA9
- 998BA1
- 938899
- 8D8690
- 868388
색 조화
보색 +180°
- C09BD3
Turnip Crown
- 95B87F
≈ Willow Dyed
유사색 -30° +30°
- C09BD3
Turnip Crown
- A4A4E2
≈ Simply Violet
- D495B9
≈ Soft Fuchsia
삼각 배색 +120° +240°
- C09BD3
Turnip Crown
- CDA36B
≈ Lewis Gold
- 60BDBC
≈ Hygiene Green
분열 보색 +150° +210°
- C09BD3
Turnip Crown
- B4AF6B
≈ Rodham
- 74BD9D
≈ Arboretum
사각 배색 +90° +180° +270°
- C09BD3
Turnip Crown
- DB9A7E
≈ Pinkish Tan
- 95B87F
≈ Willow Dyed
- 68B8D5
≈ Baby Tears
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.36:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.87:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.87:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--turnip-crown: #c09bd3;
--turnip-crown-rgb: 192 155 211;
--turnip-crown-oklch: oklch(0.742 0.089 314);
}
.element {
color: var(--turnip-crown);
background-color: hsl(280 39% 72%);
border-color: oklch(0.742 0.089 314);
}Tailwind CSS v4
@theme {
--color-turnip-crown: #c09bd3;
--color-turnip-crown-50: #ffeeff;
--color-turnip-crown-100: #f4dffc;
--color-turnip-crown-200: #e3c9ee;
--color-turnip-crown-300: #c9aad6;
--color-turnip-crown-400: #b28fc3;
--color-turnip-crown-500: #9c74af;
--color-turnip-crown-600: #836294;
--color-turnip-crown-700: #694f77;
--color-turnip-crown-800: #4d3959;
--color-turnip-crown-900: #35273e;
--color-turnip-crown-950: #201527;
}SCSS
$turnip-crown: #c09bd3;
$turnip-crown-rgb: 192, 155, 211;
$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);
}