가장 가까운 이름 색상 · #B8C0CB
#B8C0CB
가장 가까운 이름 색상: Stainless Steel
#B8C0CB(rgb(184 192 203), hsl(215 15% 76%), oklch(0.805 0.018 256.3))와 가장 가까운 이름 색상은 Stainless Steel입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B8C0CB
oklch(0.805 0.018 256.3)
색상 변환
- HEX
- #b8c0cb
- RGB
- rgb(184 192 203)
- HSL
- hsl(215 15% 76%)
- HWB
- hwb(215 72% 20%)
- OKLCH
- oklch(0.805 0.018 256.3)
- OKLab
- oklab(0.805 -0.004 -0.017)
- CIE Lab
- lab(77.32 -1.25 -6.55)
- LCH
- lch(77.32 6.67 259.2)
- CMYK
- cmyk(9% 5% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- BFC6D0
- C6CCD5
- CDD3DA
- D4D9E0
- DBDFE5
- E2E5EA
- E9ECEF
- F0F2F4
- F8F9FA
셰이드
- A0A7B0
- 888E96
- 71767D
- 5B5F65
- 45494D
- 313437
- 1E2022
- 0C0E0F
- 020202
톤
- B2B9C3
- ADB3BC
- A7ACB4
- A1A6AC
- 9C9FA5
- 96999D
- 909396
- 8B8C8F
- 858687
색 조화
보색 +180°
- B8C0CB
Stainless Steel
- C6BEB3
≈ Hearthstone
유사색 -30° +30°
- B8C0CB
Stainless Steel
- B4C2C8
≈ Driftwood Blues
- BEBECB
≈ Gentleman’s Suit
삼각 배색 +120° +240°
- B8C0CB
Stainless Steel
- CBBBBB
≈ Silentropae Cloud
- BAC2B7
≈ Bog Fog
분열 보색 +150° +210°
- B8C0CB
Stainless Steel
- CABCB6
≈ Dusky Taupe
- C0C0B3
≈ Light Year
사각 배색 +90° +180° +270°
- B8C0CB
Stainless Steel
- C9BBC2
≈ Hazy Iris
- C6BEB3
≈ Hearthstone
- B5C3BD
≈ Mediterranean Dusk
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.83:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.44:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--stainless-steel: #b8c0cb;
--stainless-steel-rgb: 184 192 203;
--stainless-steel-oklch: oklch(0.805 0.018 256.3);
}
.element {
color: var(--stainless-steel);
background-color: hsl(215 15% 76%);
border-color: oklch(0.805 0.018 256.3);
}Tailwind CSS v4
@theme {
--color-stainless-steel: #b8c0cb;
--color-stainless-steel-50: #f2f5fa;
--color-stainless-steel-100: #e4e8ee;
--color-stainless-steel-200: #d0d5dc;
--color-stainless-steel-300: #b2b8c1;
--color-stainless-steel-400: #989fa9;
--color-stainless-steel-500: #7f8792;
--color-stainless-steel-600: #6b727c;
--color-stainless-steel-700: #565b63;
--color-stainless-steel-800: #3e4349;
--color-stainless-steel-900: #2b2e32;
--color-stainless-steel-950: #181b1e;
}SCSS
$stainless-steel: #b8c0cb;
$stainless-steel-rgb: 184, 192, 203;
$stainless-steel-light: mix(#fff, $stainless-steel, 20%);
$stainless-steel-dark: mix(#000, $stainless-steel, 20%);
.element {
color: $stainless-steel;
box-shadow: 0 0 0 2px rgba($stainless-steel, 0.35);
}