이름 색상 · #BFA1AD
Decanting
Decanting은(는) #BFA1AD: rgb(191 161 173), hsl(336 19% 69%), oklch(0.739 0.039 352.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Decanting color name →
#BFA1AD
oklch(0.739 0.039 352.1)
색상 변환
- HEX
- #bfa1ad
- RGB
- rgb(191 161 173)
- HSL
- hsl(336 19% 69%)
- HWB
- hwb(336 63% 25%)
- OKLCH
- oklch(0.739 0.039 352.1)
- OKLab
- oklab(0.739 0.038 -0.005)
- CIE Lab
- lab(69.24 12.88 -1.91)
- LCH
- lch(69.24 13.02 351.6)
- CMYK
- cmyk(0% 16% 9% 25%)
틴트 · 셰이드 · 톤
틴트
- C5AAB5
- CCB3BD
- D2BCC5
- D9C6CD
- DFCFD5
- E5D9DD
- ECE2E6
- F2ECEE
- F9F5F7
셰이드
- A68B96
- 8D767F
- 75626A
- 5E4E55
- 483C41
- 332A2D
- 1F191B
- 0D090B
- 020101
톤
- B99EA8
- B29AA4
- AC979F
- A6949B
- 9F9096
- 998D92
- 938A8D
- 8C8789
- 868384
색 조화
보색 +180°
- BFA1AD
Decanting
- 93B3A8
≈ Vintage Vessel
유사색 -30° +30°
- BFA1AD
Decanting
- B7A3B9
≈ Svelte
- C2A1A0
≈ Foggy Quartz
삼각 배색 +120° +240°
- BFA1AD
Decanting
- ABAD92
≈ Quiet Thicket
- 93AFBF
≈ Showcase Blue
분열 보색 +150° +210°
- BFA1AD
Decanting
- 9DB19B
≈ Drizzle
- 8FB2B5
≈ Gulf Winds
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.35:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.91:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--decanting: #bfa1ad;
--decanting-rgb: 191 161 173;
--decanting-oklch: oklch(0.739 0.039 352.1);
}
.element {
color: var(--decanting);
background-color: hsl(336 19% 69%);
border-color: oklch(0.739 0.039 352.1);
}Tailwind CSS v4
@theme {
--color-decanting: #bfa1ad;
--color-decanting-50: #fff1f6;
--color-decanting-100: #f3e3e9;
--color-decanting-200: #e3ced5;
--color-decanting-300: #c8b0b9;
--color-decanting-400: #b295a1;
--color-decanting-500: #9b7c89;
--color-decanting-600: #836974;
--color-decanting-700: #69545d;
--color-decanting-800: #4d3d44;
--color-decanting-900: #362a2f;
--color-decanting-950: #21181c;
}SCSS
$decanting: #bfa1ad;
$decanting-rgb: 191, 161, 173;
$decanting-light: mix(#fff, $decanting, 20%);
$decanting-dark: mix(#000, $decanting, 20%);
.element {
color: $decanting;
box-shadow: 0 0 0 2px rgba($decanting, 0.35);
}