가장 가까운 이름 색상 · #B9C8A6
#B9C8A6
가장 가까운 이름 색상: Camping Grounds
#B9C8A6(rgb(185 200 166), hsl(86 24% 72%), oklch(0.812 0.049 126.9))와 가장 가까운 이름 색상은 Camping Grounds입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B9C8A6
oklch(0.812 0.049 126.9)
색상 변환
- HEX
- #b9c8a6
- RGB
- rgb(185 200 166)
- HSL
- hsl(86 24% 72%)
- HWB
- hwb(86 65% 22%)
- OKLCH
- oklch(0.812 0.049 126.9)
- OKLab
- oklab(0.812 -0.03 0.039)
- CIE Lab
- lab(78.76 -9.84 15.26)
- LCH
- lch(78.76 18.16 122.8)
- CMYK
- cmyk(8% 0% 17% 22%)
틴트 · 셰이드 · 톤
틴트
- C0CDAF
- C7D3B7
- CED8C0
- D5DEC9
- DBE3D2
- E3E9DB
- EAEEE4
- F1F4ED
- F8F9F6
셰이드
- A0AE90
- 89947A
- 717B65
- 5B6351
- 464C3E
- 31362B
- 1E211A
- 0D0F0A
- 020201
톤
- B3C1A2
- ADB99E
- A8B29B
- A2AB97
- 9CA393
- 969C8F
- 91958B
- 8B8E88
- 868784
색 조화
보색 +180°
- B9C8A6
Camping Grounds
- CABADB
≈ Sweet Lucid Dreams
유사색 -30° +30°
- B9C8A6
Camping Grounds
- CAC29E
≈ Inviting Gesture
- A8CCB5
≈ Bird’s Egg Green
삼각 배색 +120° +240°
- B9C8A6
Camping Grounds
- A9C5E0
≈ Utterly Blue
- DFB5BC
≈ Heart’s Content
분열 보색 +150° +210°
- B9C8A6
Camping Grounds
- B9BFE2
≈ Spoiled Rotten
- D7B6CD
≈ Pink Power
사각 배색 +90° +180° +270°
- B9C8A6
Camping Grounds
- 9ECAD6
≈ Soothing Blue
- CABADB
≈ Sweet Lucid Dreams
- DFB7AC
≈ Salmon Grey
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.87:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.87:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--camping-grounds: #b9c8a6;
--camping-grounds-rgb: 185 200 166;
--camping-grounds-oklch: oklch(0.812 0.049 126.9);
}
.element {
color: var(--camping-grounds);
background-color: hsl(86 24% 72%);
border-color: oklch(0.812 0.049 126.9);
}Tailwind CSS v4
@theme {
--color-camping-grounds: #b9c8a6;
--color-camping-grounds-50: #f1f8e9;
--color-camping-grounds-100: #e3ebda;
--color-camping-grounds-200: #ced9c3;
--color-camping-grounds-300: #b0bda2;
--color-camping-grounds-400: #97a485;
--color-camping-grounds-500: #7d8d69;
--color-camping-grounds-600: #6a7759;
--color-camping-grounds-700: #555f47;
--color-camping-grounds-800: #3e4633;
--color-camping-grounds-900: #2b3023;
--color-camping-grounds-950: #181c12;
}SCSS
$camping-grounds: #b9c8a6;
$camping-grounds-rgb: 185, 200, 166;
$camping-grounds-light: mix(#fff, $camping-grounds, 20%);
$camping-grounds-dark: mix(#000, $camping-grounds, 20%);
.element {
color: $camping-grounds;
box-shadow: 0 0 0 2px rgba($camping-grounds, 0.35);
}