이름 색상 · #C6CEDA
Steel Mist
Steel Mist은(는) #C6CEDA: rgb(198 206 218), hsl(216 21% 82%), oklch(0.849 0.019 258.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Steel Mist color name →
#C6CEDA
oklch(0.849 0.019 258.4)
색상 변환
- HEX
- #c6ceda
- RGB
- rgb(198 206 218)
- HSL
- hsl(216 21% 82%)
- HWB
- hwb(216 78% 15%)
- OKLCH
- oklch(0.849 0.019 258.4)
- OKLab
- oklab(0.849 -0.004 -0.018)
- CIE Lab
- lab(82.41 -1.09 -6.96)
- LCH
- lch(82.41 7.05 261.1)
- CMYK
- cmyk(9% 6% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- CCD3DE
- D1D8E1
- D7DDE5
- DCE1E9
- E2E6EC
- E8EBF0
- EEF0F4
- F3F5F8
- F9FAFB
셰이드
- ACB3BD
- 9298A2
- 7A7F87
- 62666C
- 4B4E54
- 35383C
- 212325
- 0E0F11
- 020202
톤
- BFC6D1
- B8BEC7
- B0B6BE
- A9AEB5
- A2A6AC
- 9B9EA3
- 94979A
- 8E8F91
- 878789
색 조화
보색 +180°
- C6CEDA
Steel Mist
- D4CCC0
≈ In the Buff
유사색 -30° +30°
- C6CEDA
Steel Mist
- C1D0D7
≈ Tinsel Beam
- CCCCD9
≈ Lunar Dust
삼각 배색 +120° +240°
- C6CEDA
Steel Mist
- DAC9C9
≈ Light Pink Polar
- C7D1C5
≈ White Granite
분열 보색 +150° +210°
- C6CEDA
Steel Mist
- D8CAC3
≈ Goodbye Kiss
- CECFC1
≈ Serena
사각 배색 +90° +180° +270°
- C6CEDA
Steel Mist
- D8C9CF
≈ Captivating
- D4CCC0
≈ In the Buff
- C2D2CB
≈ Spearmint Ice
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.24:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.24:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--steel-mist: #c6ceda;
--steel-mist-rgb: 198 206 218;
--steel-mist-oklch: oklch(0.849 0.019 258.4);
}
.element {
color: var(--steel-mist);
background-color: hsl(216 21% 82%);
border-color: oklch(0.849 0.019 258.4);
}Tailwind CSS v4
@theme {
--color-steel-mist: #c6ceda;
--color-steel-mist-50: #f2f5fb;
--color-steel-mist-100: #e4e8ee;
--color-steel-mist-200: #d0d4dc;
--color-steel-mist-300: #b2b8c1;
--color-steel-mist-400: #989faa;
--color-steel-mist-500: #7f8793;
--color-steel-mist-600: #6b727c;
--color-steel-mist-700: #565b63;
--color-steel-mist-800: #3e4349;
--color-steel-mist-900: #2b2e33;
--color-steel-mist-950: #181b1e;
}SCSS
$steel-mist: #c6ceda;
$steel-mist-rgb: 198, 206, 218;
$steel-mist-light: mix(#fff, $steel-mist, 20%);
$steel-mist-dark: mix(#000, $steel-mist, 20%);
.element {
color: $steel-mist;
box-shadow: 0 0 0 2px rgba($steel-mist, 0.35);
}