가장 가까운 이름 색상 · #B1D4C0
#B1D4C0
가장 가까운 이름 색상: Frosted Fir
#B1D4C0(rgb(177 212 192), hsl(146 29% 76%), oklch(0.839 0.046 160.2))와 가장 가까운 이름 색상은 Frosted Fir입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B1D4C0
oklch(0.839 0.046 160.2)
색상 변환
- HEX
- #b1d4c0
- RGB
- rgb(177 212 192)
- HSL
- hsl(146 29% 76%)
- HWB
- hwb(146 69% 17%)
- OKLCH
- oklch(0.839 0.046 160.2)
- OKLab
- oklab(0.839 -0.044 0.016)
- CIE Lab
- lab(81.93 -14.97 5.88)
- LCH
- lch(81.93 16.08 158.6)
- CMYK
- cmyk(17% 0% 9% 17%)
틴트 · 셰이드 · 톤
틴트
- B9D8C6
- C1DDCC
- C8E1D3
- D0E5D9
- D8E9DF
- E0EEE5
- E8F2EC
- EFF6F2
- F7FBF9
셰이드
- 99B8A7
- 839D8E
- 6C8376
- 57695F
- 425149
- 2F3A34
- 1C2420
- 0C100E
- 010202
톤
- ACCBB9
- A7C3B3
- A2BAAC
- 9DB2A6
- 99A99F
- 94A199
- 8F9893
- 8A908C
- 858886
색 조화
보색 +180°
- B1D4C0
Frosted Fir
- E0BFD4
≈ Ooh la La
유사색 -30° +30°
- B1D4C0
Frosted Fir
- C0D1B1
≈ Gamin
- A8D4D1
≈ Eton Blue
삼각 배색 +120° +240°
- B1D4C0
Frosted Fir
- C4C7E9
≈ Powdered Granite
- E6C1B4
≈ Calico Rose
분열 보색 +150° +210°
- B1D4C0
Frosted Fir
- D4C2E1
≈ Purple Whisper
- E6BEC3
≈ Ice Hot Pink
사각 배색 +90° +180° +270°
- B1D4C0
Frosted Fir
- B4CDE8
≈ Morality
- E0BFD4
≈ Ooh la La
- DEC6AA
≈ Larb Gai
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.04:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--frosted-fir: #b1d4c0;
--frosted-fir-rgb: 177 212 192;
--frosted-fir-oklch: oklch(0.839 0.046 160.2);
}
.element {
color: var(--frosted-fir);
background-color: hsl(146 29% 76%);
border-color: oklch(0.839 0.046 160.2);
}Tailwind CSS v4
@theme {
--color-frosted-fir: #b1d4c0;
--color-frosted-fir-50: #eafaf1;
--color-frosted-fir-100: #dbede3;
--color-frosted-fir-200: #c4dbce;
--color-frosted-fir-300: #a3bfb0;
--color-frosted-fir-400: #87a795;
--color-frosted-fir-500: #6b907c;
--color-frosted-fir-600: #5b7a69;
--color-frosted-fir-700: #496254;
--color-frosted-fir-800: #35473c;
--color-frosted-fir-900: #243129;
--color-frosted-fir-950: #131d17;
}SCSS
$frosted-fir: #b1d4c0;
$frosted-fir-rgb: 177, 212, 192;
$frosted-fir-light: mix(#fff, $frosted-fir, 20%);
$frosted-fir-dark: mix(#000, $frosted-fir, 20%);
.element {
color: $frosted-fir;
box-shadow: 0 0 0 2px rgba($frosted-fir, 0.35);
}