컬러 팔레트

머스터드

머스터드 소스에서 영감을 받은, 갈색 기가 살짝 도는 짙은 노랑이에요. 가을 옷과 레트로 안락의자에 인기 있는 트렌디한 색이에요. 회색, 네이비, 흰색과 아주 잘 어울려요.

다른 이름: 머스터드 옐로, 겨자색

머스터드 · #E1AD01

머스터드 기본 정보

머스터드(#E1AD01) 색상은 따뜻한 색 계열이에요. 밝기는 중간, 채도는 높은 수준이에요. 노란 계열 색 그룹에 속해요. RGB 값은 빨강 225, 초록 173, 파랑 1(각 255단계)예요. 주요 용도: 패션, 인테리어.

머스터드의 명암: 밝은 톤과 어두운 톤

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

머스터드에 어울리는 색

네이비따뜻한 색과 차가운 색이 만나는 아주 세련된 대비예요.회색회색이 머스터드를 차분하고 모던하게 보여 줘요.올리브색자연스러운 가을 조합이에요.커피색아늑한 어스 톤 조합이 돼요.흰색산뜻하고 깔끔한 느낌을 줘요.진보라보색에 가까워 과감한 대비가 생겨요.페트롤 블루강렬함과 세련미를 함께 갖춘 조합이에요.검은색힘 있고 모던한 대비예요.
패션·인테리어에서 머스터드 매치하는 법 →

머스터드의 색상 조화

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

보색가까운 색:진보라
유사색가까운 색:네온 오렌지, 라임색
삼각 배색가까운 색:아쿠아마린, 바이올렛
분할 보색가까운 색:스틸 블루, 파란색
사각 배색가까운 색:네온 그린, 진보라, 푸크시아

머스터드 컬러 팔레트

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

단색 팔레트 · 머스터드
유사색 팔레트 · 머스터드
보색 팔레트 · 머스터드
삼각 배색 팔레트 · 머스터드
중성색 포함 팔레트 · 머스터드
포인트 색 포함 팔레트 · 머스터드

머스터드 위 글자색 대비

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

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

CSS 코드

:root {
  --mustard-yellow: #E1AD01;
  --mustard-yellow-rgb: 225, 173, 1;
}
.bg { background-color: var(--mustard-yellow); }
.text { color: var(--mustard-yellow); }

머스터드에 가까운 색

사프란색앰버해바라기색꿀색캐러멜색올드 골드파스텔 오렌지금색당근색옥수수색

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

다른 노란 계열 색

노란색금색올드 골드레몬색앰버밀색꿀색카나리아색사프란색샴페인파스텔 옐로형광 노란색옥수수색해바라기색

자주 묻는 질문

머스터드의 색상 코드는 무엇인가요?

머스터드의 HEX 코드는 #E1AD01 값이에요. RGB로는 rgb(225, 173, 1), HSL로는 hsl(46, 99%, 44%), CMYK로는 0, 23, 100, 12 값이에요.

머스터드의 보색은 무엇인가요?

색상환에서 반대편에 있는 보색은 #0135E1 색으로, 진보라에 가까워요. 포인트로 조금만 쓰면 강한 대비가 생겨요.

머스터드 위에 흰 글자를 올려도 잘 읽히나요?

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

머스터드에 어울리는 색은 무엇인가요?

잘 어울리는 색: 네이비, 회색, 올리브색, 커피색, 흰색. 레몬색이나 라임색과 함께 쓰면 머스터드가 탁해 보이니 피하세요. 선명한 주황과도 경쟁해요.