이름 색상 · #B4C2A2
Camping Grounds
Camping Grounds은(는) #B4C2A2: rgb(180 194 162), hsl(86 21% 70%), oklch(0.795 0.047 126.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Camping Grounds color name →
#B4C2A2
oklch(0.795 0.047 126.7)
색상 변환
- HEX
- #b4c2a2
- RGB
- rgb(180 194 162)
- HSL
- hsl(86 21% 70%)
- HWB
- hwb(86 64% 24%)
- OKLCH
- oklch(0.795 0.047 126.7)
- OKLab
- oklab(0.795 -0.028 0.037)
- CIE Lab
- lab(76.69 -9.28 14.46)
- LCH
- lch(76.69 17.18 122.7)
- CMYK
- cmyk(7% 0% 16% 24%)
틴트 · 셰이드 · 톤
틴트
- BBC8AB
- C3CEB4
- CAD4BD
- D1DAC7
- D9E0D0
- E0E6D9
- E8ECE3
- F0F3EC
- F7F9F5
셰이드
- 9CA88C
- 858F77
- 6E7763
- 58604F
- 44493C
- 30342A
- 1D2019
- 0C0E0A
- 020201
톤
- AFBB9F
- A9B49B
- A4AE98
- 9FA794
- 9AA091
- 949A8E
- 8F938A
- 8A8D87
- 858683
색 조화
보색 +180°
- B4C2A2
Camping Grounds
- C4B5D4
≈ Plumeria
유사색 -30° +30°
- B4C2A2
Camping Grounds
- C4BD9B
≈ Fields Afar
- A4C6B0
≈ Lobaria Lichen
삼각 배색 +120° +240°
- B4C2A2
Camping Grounds
- A5C0D9
≈ Canopy Bed
- D8B0B7
≈ Floss
분열 보색 +150° +210°
- B4C2A2
Camping Grounds
- B4BADB
≈ Lilac Flare
- D0B1C7
≈ Tranquil Dusk
사각 배색 +90° +180° +270°
- B4C2A2
Camping Grounds
- 9BC4D0
≈ Alluring Blue
- C4B5D4
≈ Plumeria
- D8B2A7
≈ Sandpaper
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.17:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.17:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--camping-grounds: #b4c2a2;
--camping-grounds-rgb: 180 194 162;
--camping-grounds-oklch: oklch(0.795 0.047 126.7);
}
.element {
color: var(--camping-grounds);
background-color: hsl(86 21% 70%);
border-color: oklch(0.795 0.047 126.7);
}Tailwind CSS v4
@theme {
--color-camping-grounds: #b4c2a2;
--color-camping-grounds-50: #f1f8ea;
--color-camping-grounds-100: #e3ebdb;
--color-camping-grounds-200: #ced8c4;
--color-camping-grounds-300: #b0bca3;
--color-camping-grounds-400: #97a486;
--color-camping-grounds-500: #7e8c6b;
--color-camping-grounds-600: #6b775b;
--color-camping-grounds-700: #555f48;
--color-camping-grounds-800: #3f4534;
--color-camping-grounds-900: #2b3023;
--color-camping-grounds-950: #181c12;
}SCSS
$camping-grounds: #b4c2a2;
$camping-grounds-rgb: 180, 194, 162;
$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);
}