컬러 팔레트

베이지

원래 염색하지 않은 양모를 뜻하던 프랑스어예요. 흰색과 갈색 사이의 아주 밝은 색이에요. 벽, 기본 아이템, 웹사이트 배경에 가장 많이 쓰는 뉴트럴 컬러 중 하나예요.

다른 이름: 베이지색, 미색

베이지 · #F5F5DC

베이지 기본 정보

베이지(#F5F5DC) 색상은 따뜻한 색 계열이에요. 밝기는 밝은 편, 채도는 중간 수준이에요. 갈색 계열 색 그룹에 속해요. RGB 값은 빨강 245, 초록 245, 파랑 220(각 255단계)예요. 주요 용도: 인테리어, 패션, 웹.

베이지의 명암: 밝은 톤과 어두운 톤

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

베이지에 어울리는 색

흰색깔끔하고 밝은 미니멀한 느낌이 나요.커피색따뜻하고 우아한 어스 톤 조합이 돼요.올리브색자연스럽고 편안한 분위기를 줘요.네이비차분하면서 클래식한 대비예요.검은색베이지를 더 모던하고 세련되게 보여 줘요.테라코타지중해풍의 따뜻함을 더해요.세이지 그린인테리어에서 인기 있는 부드러운 조합이에요.금색적당한 고급스러움으로 베이지를 한층 살려 줘요.
패션·인테리어에서 베이지 매치하는 법 →

베이지의 색상 조화

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

보색가까운 색:파스텔 라일락
유사색가까운 색:린넨
삼각 배색가까운 색:화이트 스모크, 파스텔 핑크
분할 보색가까운 색:플래티넘, 파스텔 라일락

베이지 컬러 팔레트

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

단색 팔레트 · 베이지
유사색 팔레트 · 베이지
보색 팔레트 · 베이지
삼각 배색 팔레트 · 베이지
중성색 포함 팔레트 · 베이지
포인트 색 포함 팔레트 · 베이지

베이지 위 글자색 대비

흰 글자대비율 1.1:1 · 권장하지 않음
검은 글자대비율 19.0:1 · AAA

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

CSS 코드

:root {
  --beige: #F5F5DC;
  --beige-rgb: 245, 245, 220;
}
.bg { background-color: var(--beige); }
.text { color: var(--beige); }

베이지에 가까운 색

에그셸에크루아이보리앤티크 화이트샴페인진주색알라바스터린넨본 화이트크림색

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

다른 갈색 계열 색

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

자주 묻는 질문

베이지의 색상 코드는 무엇인가요?

베이지의 HEX 코드는 #F5F5DC 값이에요. RGB로는 rgb(245, 245, 220), HSL로는 hsl(60, 56%, 91%), CMYK로는 0, 0, 10, 4 값이에요.

베이지의 보색은 무엇인가요?

색상환에서 반대편에 있는 보색은 #DCDCF5 색으로, 파스텔 라일락에 가까워요. 포인트로 조금만 쓰면 강한 대비가 생겨요.

베이지 위에 흰 글자를 올려도 잘 읽히나요?

검은 글자가 더 좋아요. 흰색과의 대비율은 1.1:1뿐이지만 검은색과는 19.0:1이에요.

베이지에 어울리는 색은 무엇인가요?

잘 어울리는 색: 흰색, 커피색, 올리브색, 네이비, 검은색. 연한 노랑이나 아주 옅은 초록빛 회색과 함께 쓰면 탁하고 바래 보이니 피하세요. 베이지로만 입을 때는 톤이나 소재를 꼭 다르게 하세요.