이름 색상 · #C5C5D3
Kiri Mist
Kiri Mist은(는) #C5C5D3: rgb(197 197 211), hsl(240 14% 80%), oklch(0.828 0.019 286). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Kiri Mist color name →
#C5C5D3
oklch(0.828 0.019 286)
색상 변환
- HEX
- #c5c5d3
- RGB
- rgb(197 197 211)
- HSL
- hsl(240 14% 80%)
- HWB
- hwb(240 77% 17%)
- OKLCH
- oklch(0.828 0.019 286)
- OKLab
- oklab(0.828 0.005 -0.019)
- CIE Lab
- lab(79.84 1.98 -7.01)
- LCH
- lch(79.84 7.29 285.8)
- CMYK
- cmyk(7% 7% 0% 17%)
틴트 · 셰이드 · 톤
틴트
- CBCBD7
- D0D0DC
- D6D6E0
- DCDCE4
- E2E2E9
- E7E7ED
- EDEDF2
- F3F3F6
- F9F9FB
셰이드
- ABABB7
- 92929C
- 797982
- 616169
- 4B4B51
- 35353A
- 212124
- 0E0E10
- 020202
톤
- BEBECA
- B7B7C2
- B0B0B9
- A9A9B1
- A2A2A9
- 9B9BA0
- 949498
- 8D8D90
- 878788
색 조화
보색 +180°
- C5C5D3
Kiri Mist
- C8C8B9
≈ Upstate
유사색 -30° +30°
- C5C5D3
Kiri Mist
- BFC7D3
≈ Northern Exposure
- CCC3CF
≈ Orchid Hush
삼각 배색 +120° +240°
- C5C5D3
Kiri Mist
- D2C3BC
≈ Josephine
- BBCBC4
≈ Blue Shamrock
분열 보색 +150° +210°
- C5C5D3
Kiri Mist
- CEC5B9
≈ Gallery Taupe
- C1CABD
≈ Desert Panzer
사각 배색 +90° +180° +270°
- C5C5D3
Kiri Mist
- D3C2C2
≈ Wishy-Washy Brown
- C8C8B9
≈ Upstate
- B9CBCB
≈ Blue Shale
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.30:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.30:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--kiri-mist: #c5c5d3;
--kiri-mist-rgb: 197 197 211;
--kiri-mist-oklch: oklch(0.828 0.019 286);
}
.element {
color: var(--kiri-mist);
background-color: hsl(240 14% 80%);
border-color: oklch(0.828 0.019 286);
}Tailwind CSS v4
@theme {
--color-kiri-mist: #c5c5d3;
--color-kiri-mist-50: #f5f4fb;
--color-kiri-mist-100: #e7e7ee;
--color-kiri-mist-200: #d3d3dc;
--color-kiri-mist-300: #b6b6c1;
--color-kiri-mist-400: #9d9daa;
--color-kiri-mist-500: #858593;
--color-kiri-mist-600: #70707c;
--color-kiri-mist-700: #5a5a63;
--color-kiri-mist-800: #414249;
--color-kiri-mist-900: #2d2d33;
--color-kiri-mist-950: #1a1a1e;
}SCSS
$kiri-mist: #c5c5d3;
$kiri-mist-rgb: 197, 197, 211;
$kiri-mist-light: mix(#fff, $kiri-mist, 20%);
$kiri-mist-dark: mix(#000, $kiri-mist, 20%);
.element {
color: $kiri-mist;
box-shadow: 0 0 0 2px rgba($kiri-mist, 0.35);
}