이름 색상 · #BFC1CB
Slipper Satin
Slipper Satin은(는) #BFC1CB: rgb(191 193 203), hsl(230 10% 77%), oklch(0.812 0.014 277). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Slipper Satin color name →
#BFC1CB
oklch(0.812 0.014 277)
색상 변환
- HEX
- #bfc1cb
- RGB
- rgb(191 193 203)
- HSL
- hsl(230 10% 77%)
- HWB
- hwb(230 75% 20%)
- OKLCH
- oklch(0.812 0.014 277)
- OKLab
- oklab(0.812 0.002 -0.014)
- CIE Lab
- lab(78.14 0.7 -5.29)
- LCH
- lch(78.14 5.34 277.6)
- CMYK
- cmyk(6% 5% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- C5C7D0
- CCCDD5
- D2D3DA
- D8D9E0
- DFE0E5
- E5E6EA
- EBECEF
- F2F2F4
- F8F9FA
셰이드
- A6A7B0
- 8D8F96
- 75777D
- 5E5F65
- 48494D
- 333437
- 1F2022
- 0D0E0F
- 020202
톤
- B8BAC3
- B2B4BC
- ACADB4
- A5A6AC
- 9FA0A5
- 99999D
- 929396
- 8C8D8E
- 868687
색 조화
보색 +180°
- BFC1CB
Slipper Satin
- C4C2B8
≈ Baby Barn Owl
유사색 -30° +30°
- BFC1CB
Slipper Satin
- BBC3CA
≈ Yorkshire Cloud
- C4BFC9
≈ Grape Mist
삼각 배색 +120° +240°
- BFC1CB
Slipper Satin
- CABFBB
≈ Worn Silver
- BBC5BE
≈ Pewter Tray
분열 보색 +150° +210°
- BFC1CB
Slipper Satin
- C8C0B8
≈ Basket of Bobbins
- BFC3BA
≈ Comfort Grey
사각 배색 +90° +180° +270°
- BFC1CB
Slipper Satin
- CABEC0
≈ Nantucket Mist
- C4C2B8
≈ Baby Barn Owl
- B8C5C3
≈ Blustery Wind
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.79:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.70:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.70:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--slipper-satin: #bfc1cb;
--slipper-satin-rgb: 191 193 203;
--slipper-satin-oklch: oklch(0.812 0.014 277);
}
.element {
color: var(--slipper-satin);
background-color: hsl(230 10% 77%);
border-color: oklch(0.812 0.014 277);
}Tailwind CSS v4
@theme {
--color-slipper-satin: #bfc1cb;
--color-slipper-satin-50: #f4f5f9;
--color-slipper-satin-100: #e7e7ed;
--color-slipper-satin-200: #d3d4da;
--color-slipper-satin-300: #b5b7bf;
--color-slipper-satin-400: #9c9ea7;
--color-slipper-satin-500: #838590;
--color-slipper-satin-600: #6f717a;
--color-slipper-satin-700: #595a61;
--color-slipper-satin-800: #414247;
--color-slipper-satin-900: #2d2e31;
--color-slipper-satin-950: #1a1a1d;
}SCSS
$slipper-satin: #bfc1cb;
$slipper-satin-rgb: 191, 193, 203;
$slipper-satin-light: mix(#fff, $slipper-satin, 20%);
$slipper-satin-dark: mix(#000, $slipper-satin, 20%);
.element {
color: $slipper-satin;
box-shadow: 0 0 0 2px rgba($slipper-satin, 0.35);
}