이름 색상 · #B0C4C4
Jungle Mist
Jungle Mist은(는) #B0C4C4: rgb(176 196 196), hsl(180 14% 73%), oklch(0.805 0.022 196.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Jungle Mist color name →
#B0C4C4
oklch(0.805 0.022 196.7)
색상 변환
- HEX
- #b0c4c4
- RGB
- rgb(176 196 196)
- HSL
- hsl(180 14% 73%)
- HWB
- hwb(180 69% 23%)
- OKLCH
- oklch(0.805 0.022 196.7)
- OKLab
- oklab(0.805 -0.021 -0.006)
- CIE Lab
- lab(77.63 -7.05 -2.44)
- LCH
- lch(77.63 7.46 199.1)
- CMYK
- cmyk(10% 0% 0% 23%)
틴트 · 셰이드 · 톤
틴트
- B8CACA
- C0D0D0
- C7D5D5
- CFDBDB
- D7E1E1
- DFE7E7
- E7EDED
- EFF3F3
- F7F9F9
셰이드
- 99AAAA
- 829191
- 6C7878
- 566161
- 424A4A
- 2E3535
- 1C2121
- 0B0E0E
- 010202
톤
- ABBDBD
- A6B6B6
- A1AFAF
- 9DA8A8
- 98A1A1
- 939B9B
- 8E9494
- 898D8D
- 858787
색 조화
보색 +180°
- B0C4C4
Jungle Mist
- CDBABA
≈ Silentropae Cloud
유사색 -30° +30°
- B0C4C4
Jungle Mist
- B3C4BC
≈ Hearth Frost
- B1C3CA
≈ Yín Sè Silver
삼각 배색 +120° +240°
- B0C4C4
Jungle Mist
- C5BBC9
≈ Gentleman’s Suit
- C8BEB0
≈ Raw Cashew Nut
분열 보색 +150° +210°
- B0C4C4
Jungle Mist
- CBBAC2
≈ Lady Fingers
- CCBBB4
≈ Woven Cashmere
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.81:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.53:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.53:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--jungle-mist: #b0c4c4;
--jungle-mist-rgb: 176 196 196;
--jungle-mist-oklch: oklch(0.805 0.022 196.7);
}
.element {
color: var(--jungle-mist);
background-color: hsl(180 14% 73%);
border-color: oklch(0.805 0.022 196.7);
}Tailwind CSS v4
@theme {
--color-jungle-mist: #b0c4c4;
--color-jungle-mist-50: #eef7f7;
--color-jungle-mist-100: #e0eaea;
--color-jungle-mist-200: #cad7d8;
--color-jungle-mist-300: #abbbbb;
--color-jungle-mist-400: #90a3a3;
--color-jungle-mist-500: #768b8b;
--color-jungle-mist-600: #647676;
--color-jungle-mist-700: #505e5e;
--color-jungle-mist-800: #3a4545;
--color-jungle-mist-900: #28302f;
--color-jungle-mist-950: #161c1c;
}SCSS
$jungle-mist: #b0c4c4;
$jungle-mist-rgb: 176, 196, 196;
$jungle-mist-light: mix(#fff, $jungle-mist, 20%);
$jungle-mist-dark: mix(#000, $jungle-mist, 20%);
.element {
color: $jungle-mist;
box-shadow: 0 0 0 2px rgba($jungle-mist, 0.35);
}