커피색

갓 내린 진한 로스트 커피에서 영감을 받았어요. 따뜻하고 아늑한 중간 톤 갈색이에요. 카페, 원두 패키지, 짙은 원목 가구에 자연스럽게 어울려요.

다른 이름: 커피 브라운, 카페 브라운

커피색 · #6F4E37

커피색 기본 정보

커피색(#6F4E37) 색상은 따뜻한 색 계열이에요. 밝기는 중간, 채도는 중간 수준이에요. 갈색 계열 색 그룹에 속해요. RGB 값은 빨강 111, 초록 78, 파랑 55(각 255단계)예요. 주요 용도: 패션, 인테리어, 카페.

커피색의 명암: 밝은 톤과 어두운 톤

밝은 색부터 어두운 색 순서로 놓여 있어요. 색을 누르면 색상 코드가 복사돼요.

커피색에 어울리는 색

베이지우아하고 부드러운 어스 톤 조합이에요.크림색갈색을 밝히고 산뜻하게 보여 줘요.

연하늘색트렌디하고 시원하며 상쾌한 대비예요.

올리브색자연스러운 가을 조합이에요.인디 핑크부드럽고 따뜻한 조합이에요.번트 오렌지따뜻한 레트로 스타일을 살려 줘요.네이비우아하고 차분한 조합이에요.머스터드가을을 느끼게 하는 따뜻한 포인트 색이에요.

패션·인테리어에서 커피색 매치하는 법 →

커피색의 색상 조화

색상환을 바탕으로 한 배색이에요. 색상 조화 도구에서 더 많은 조합을 시험해 보세요.

보색가까운 색:페트롤 블루

유사색가까운 색:와인색, 국방색

삼각 배색가까운 색:보틀 그린, 울트라 바이올렛

분할 보색가까운 색:파인 그린, 울트라 바이올렛

사각 배색가까운 색:멕시코 그린, 페트롤 블루, 자두색

커피색 컬러 팔레트

색상 코드를 복사하거나 편집기에서 열어 자유롭게 바꿔 보세요.

단색 팔레트 · 커피색

유사색 팔레트 · 커피색

보색 팔레트 · 커피색

삼각 배색 팔레트 · 커피색

중성색 포함 팔레트 · 커피색

포인트 색 포함 팔레트 · 커피색

커피색 위 글자색 대비

흰 글자대비율 7.4:1 · AAA

검은 글자대비율 2.8:1 · 권장하지 않음

WCAG 2.1 기준이에요. 다른 색 조합은 명도 대비 검사에서 확인하세요.

CSS 코드

:root {
  --coffee-brown: #6F4E37;
  --coffee-brown-rgb: 111, 78, 55;
}
.bg { background-color: var(--coffee-brown); }
.text { color: var(--coffee-brown); }

커피색에 가까운 색

타바코 브라운 토프 세피아 모카 마르살라 카페오레 진회색 밤색 와인색 국방색

이 색이 들어간 테마별 팔레트

다른 갈색 계열 색

갈색 초콜릿색 마호가니 밤색 시나몬 세피아 황토색 캐러멜색 카멜 모카 카키 모래색 베이지 누드 브론즈 타바코 브라운 시에나 카페오레

자주 묻는 질문

커피색의 색상 코드는 무엇인가요?

커피색의 HEX 코드는 #6F4E37 값이에요. RGB로는 rgb(111, 78, 55), HSL로는 hsl(25, 34%, 33%), CMYK로는 0, 30, 50, 56 값이에요.

커피색의 보색은 무엇인가요?

색상환에서 반대편에 있는 보색은 #37586F 색으로, 페트롤 블루에 가까워요. 포인트로 조금만 쓰면 강한 대비가 생겨요.

커피색 위에 흰 글자를 올려도 잘 읽히나요?

네. 흰색과의 대비율이 7.4:1이라 일반 크기 글자에도 충분해요(WCAG AA).

커피색에 어울리는 색은 무엇인가요?

잘 어울리는 색: 베이지, 크림색, 연하늘색, 올리브색, 인디 핑크. 사이에 밝은 색 없이 검은색과 함께 쓰면 무거워 보이니 피하세요. 푸른 기가 강한 회색도 갈색의 따뜻함을 빼앗아요.