가장 가까운 이름 색상 · #AFC7A4
#AFC7A4
가장 가까운 이름 색상: Camping Grounds
#AFC7A4(rgb(175 199 164), hsl(101 24% 71%), oklch(0.802 0.055 135.8))와 가장 가까운 이름 색상은 Camping Grounds입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AFC7A4
oklch(0.802 0.055 135.8)
색상 변환
- HEX
- #afc7a4
- RGB
- rgb(175 199 164)
- HSL
- hsl(101 24% 71%)
- HWB
- hwb(101 64% 22%)
- OKLCH
- oklch(0.802 0.055 135.8)
- OKLab
- oklab(0.802 -0.039 0.038)
- CIE Lab
- lab(77.72 -13.26 14.75)
- LCH
- lch(77.72 19.83 132)
- CMYK
- cmyk(12% 0% 18% 22%)
틴트 · 셰이드 · 톤
틴트
- B7CDAD
- BFD2B6
- C7D8BF
- CFDDC8
- D6E3D1
- DFE8DA
- E7EEE3
- EFF4EC
- F7F9F6
셰이드
- 98AD8E
- 819379
- 6B7A64
- 566250
- 414C3D
- 2E362B
- 1C211A
- 0B0E0A
- 010201
톤
- AAC0A0
- A5B89D
- A1B199
- 9CAA96
- 97A392
- 939C8E
- 8E958B
- 898E87
- 858784
색 조화
보색 +180°
- AFC7A4
Camping Grounds
- CCB4D7
≈ Elfin Herb
유사색 -30° +30°
- AFC7A4
Camping Grounds
- C3C198
≈ Green Mist
- 9ECAB6
≈ Lobaria Lichen
삼각 배색 +120° +240°
- AFC7A4
Camping Grounds
- A8C1E2
≈ Promise
- E0B1B2
≈ Sakura
분열 보색 +150° +210°
- AFC7A4
Camping Grounds
- BBBAE1
≈ Wisteria Fragrance
- DAB1C6
≈ Private-Label Pink
사각 배색 +90° +180° +270°
- AFC7A4
Camping Grounds
- 99C6DA
≈ Bobby Blue
- CCB4D7
≈ Elfin Herb
- DDB4A1
≈ Spanish Villa
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.82:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.52:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--camping-grounds: #afc7a4;
--camping-grounds-rgb: 175 199 164;
--camping-grounds-oklch: oklch(0.802 0.055 135.8);
}
.element {
color: var(--camping-grounds);
background-color: hsl(101 24% 71%);
border-color: oklch(0.802 0.055 135.8);
}Tailwind CSS v4
@theme {
--color-camping-grounds: #afc7a4;
--color-camping-grounds-50: #eef9ea;
--color-camping-grounds-100: #dfeddb;
--color-camping-grounds-200: #c9dac4;
--color-camping-grounds-300: #aabea3;
--color-camping-grounds-400: #90a686;
--color-camping-grounds-500: #768f6a;
--color-camping-grounds-600: #64795a;
--color-camping-grounds-700: #506148;
--color-camping-grounds-800: #3b4733;
--color-camping-grounds-900: #283123;
--color-camping-grounds-950: #161d12;
}SCSS
$camping-grounds: #afc7a4;
$camping-grounds-rgb: 175, 199, 164;
$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);
}