가장 가까운 이름 색상 · #BE98CB
#BE98CB
가장 가까운 이름 색상: Turnip Crown
#BE98CB(rgb(190 152 203), hsl(285 33% 70%), oklch(0.732 0.083 317.4))와 가장 가까운 이름 색상은 Turnip Crown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#BE98CB
oklch(0.732 0.083 317.4)
색상 변환
- HEX
- #be98cb
- RGB
- rgb(190 152 203)
- HSL
- hsl(285 33% 70%)
- HWB
- hwb(285 60% 20%)
- OKLCH
- oklch(0.732 0.083 317.4)
- OKLab
- oklab(0.732 0.061 -0.056)
- CIE Lab
- lab(67.71 21.43 -20.76)
- LCH
- lch(67.71 29.83 315.9)
- CMYK
- cmyk(6% 25% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- C4A2D0
- CBACD6
- D1B6DB
- D8C1E0
- DECBE5
- E5D5EA
- EBE0F0
- F2EAF5
- F8F4FA
셰이드
- A584B0
- 8C7096
- 755C7D
- 5E4A65
- 48384D
- 332737
- 1F1722
- 0D080F
- 020102
톤
- B896C3
- B193BC
- AB91B4
- A58FAD
- 9F8CA5
- 998A9E
- 928796
- 8C858F
- 868387
색 조화
보색 +180°
- BE98CB
Turnip Crown
- 8FB581
≈ Aniseed Leaf Green
유사색 -30° +30°
- BE98CB
Turnip Crown
- A5A0DA
≈ Simply Violet
- D093B2
≈ Moonlit Mauve
삼각 배색 +120° +240°
- BE98CB
Turnip Crown
- C6A26B
≈ Buckskin Pony
- 63B9BB
≈ Fresh Soft Blue
분열 보색 +150° +210°
- BE98CB
Turnip Crown
- ADAC6E
≈ Wasabi Green
- 72B99E
≈ Arboretum
사각 배색 +90° +180° +270°
- BE98CB
Turnip Crown
- D4987B
≈ Italian Clay
- 8FB581
≈ Aniseed Leaf Green
- 6CB3D1
≈ Charter
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.45:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.54:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--turnip-crown: #be98cb;
--turnip-crown-rgb: 190 152 203;
--turnip-crown-oklch: oklch(0.732 0.083 317.4);
}
.element {
color: var(--turnip-crown);
background-color: hsl(285 33% 70%);
border-color: oklch(0.732 0.083 317.4);
}Tailwind CSS v4
@theme {
--color-turnip-crown: #be98cb;
--color-turnip-crown-50: #ffeeff;
--color-turnip-crown-100: #f5e0fa;
--color-turnip-crown-200: #e4c9eb;
--color-turnip-crown-300: #cbaad3;
--color-turnip-crown-400: #b38fbf;
--color-turnip-crown-500: #9d74ab;
--color-turnip-crown-600: #856390;
--color-turnip-crown-700: #6a4f74;
--color-turnip-crown-800: #4d3956;
--color-turnip-crown-900: #36273c;
--color-turnip-crown-950: #211526;
}SCSS
$turnip-crown: #be98cb;
$turnip-crown-rgb: 190, 152, 203;
$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);
}