가장 가까운 이름 색상 · #B5C69F
#B5C69F
가장 가까운 이름 색상: Camping Grounds
#B5C69F(rgb(181 198 159), hsl(86 25% 70%), oklch(0.803 0.056 126.8))와 가장 가까운 이름 색상은 Camping Grounds입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B5C69F
oklch(0.803 0.056 126.8)
색상 변환
- HEX
- #b5c69f
- RGB
- rgb(181 198 159)
- HSL
- hsl(86 25% 70%)
- HWB
- hwb(86 62% 22%)
- OKLCH
- oklch(0.803 0.056 126.8)
- OKLab
- oklab(0.803 -0.034 0.045)
- CIE Lab
- lab(77.8 -11.19 17.58)
- LCH
- lch(77.8 20.84 122.5)
- CMYK
- cmyk(9% 0% 20% 22%)
틴트 · 셰이드 · 톤
틴트
- BCCCA8
- C3D1B2
- CBD7BB
- D2DDC5
- D9E2CF
- E1E8D8
- E8EEE2
- F0F3EB
- F7F9F5
셰이드
- 9DAC8A
- 869275
- 6F7A61
- 59624D
- 444B3B
- 303529
- 1D2118
- 0C0E09
- 020201
톤
- B0BF9C
- AAB899
- A5B196
- 9FA993
- 9AA290
- 959B8D
- 90958A
- 8A8E86
- 858783
색 조화
보색 +180°
- B5C69F
Camping Grounds
- C8B6DC
≈ Tinted Iris
유사색 -30° +30°
- B5C69F
Camping Grounds
- C9BF96
≈ Morning Tea
- A2CAB0
≈ Calculus
삼각 배색 +120° +240°
- B5C69F
Camping Grounds
- A2C3E2
≈ Pale Cerulean
- E0B0B8
≈ Sakura
분열 보색 +150° +210°
- B5C69F
Camping Grounds
- B5BCE4
≈ Wish
- D7B1CC
≈ Pink Ivory
사각 배색 +90° +180° +270°
- B5C69F
Camping Grounds
- 96C8D7
≈ Blue Glint
- C8B6DC
≈ Tinted Iris
- E0B3A6
≈ Prosciutto
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.81:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.54:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--camping-grounds: #b5c69f;
--camping-grounds-rgb: 181 198 159;
--camping-grounds-oklch: oklch(0.803 0.056 126.8);
}
.element {
color: var(--camping-grounds);
background-color: hsl(86 25% 70%);
border-color: oklch(0.803 0.056 126.8);
}Tailwind CSS v4
@theme {
--color-camping-grounds: #b5c69f;
--color-camping-grounds-50: #f0f9e8;
--color-camping-grounds-100: #e2ecd8;
--color-camping-grounds-200: #cdd9c0;
--color-camping-grounds-300: #afbd9f;
--color-camping-grounds-400: #95a581;
--color-camping-grounds-500: #7c8d65;
--color-camping-grounds-600: #697856;
--color-camping-grounds-700: #546044;
--color-camping-grounds-800: #3e4630;
--color-camping-grounds-900: #2b3021;
--color-camping-grounds-950: #181d10;
}SCSS
$camping-grounds: #b5c69f;
$camping-grounds-rgb: 181, 198, 159;
$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);
}