컬러 팔레트

퓨터

주석 합금인 퓨터처럼 푸른 기가 도는 중간 톤의 회색이에요. 금속 느낌이 나면서도 부드럽고 차분해요. 식기, 조명, 자동차 색상에서 자주 볼 수 있어요.

다른 이름: 퓨터 그레이, 백랍색

퓨터의 HEX 코드는 #899499 값이에요. RGB로는 rgb(137, 148, 153), HSL로는 hsl(199, 7%, 57%), CMYK로는 10, 3, 0, 40 값이에요.

실제로 보면 이런 느낌

함께 쓸 색을 고르면 옷, 인테리어, 디자인에서 어떻게 보이는지 알 수 있어요.

퓨터에 가까운 색

스모크 그레이#848884회색#808080더스티 블루#8C9EB1스톤 그레이#928E85슬레이트 그레이#708090스틸 그레이#71797E

퓨터 기본 정보

퓨터(#899499) 색상은 중성색 계열이에요. 밝기는 중간, 채도는 거의 없는 수준이에요. 회색 계열 색 그룹에 속해요. RGB 값은 빨강 137, 초록 148, 파랑 153(각 255단계)예요. 주요 용도: 인테리어, 자동차, 주얼리.

퓨터 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #899499
퓨터 · #899499

퓨터의 명암: 밝은 톤과 어두운 톤

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

모든 톤 보기: 색상 단계 생성기

퓨터 컬러 코디

퍼스널 컬러 × 계절별로 퓨터(또는 비슷한 색)을 넣은 코디예요.

겨울 쿨톤 겨울 코디블랙 · 와인 레드 · 로열 퍼플여름 쿨톤 가을 코디네이비 · 스모키 핑크 · 로즈 브라운

퓨터 컬러 팔레트

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

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

퓨터 위 글자색 대비

흰 글자대비율 3.1:1 · AA(큰 글자)
검은 글자대비율 6.8:1 · AA

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

CSS 코드

:root {
  --pewter: #899499;
  --pewter-rgb: 137, 148, 153;
}
.bg { background-color: var(--pewter); }
.text { color: var(--pewter); }

퓨터에 가까운 색

웜 그레이리드 그레이헤더 그레이블루 그레이

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

다른 회색 계열 색

회색연회색진회색은색차콜 그레이슬레이트 그레이애쉬 그레이펄 그레이옥스퍼드 그레이그래파이트토프스틸 그레이리드 그레이스모크 그레이스톤 그레이플래티넘블루 그레이그레이지헤더 그레이웜 그레이
퓨터 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #899499
퓨터 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #899499

이것도 해 보세요

이름 컬러 팔레트이름을 넣고 나만의 컬러 스토리 팔레트를 만들어 보세요컬러 수족관팔레트로 색이 바뀌는 힐링 3D 수족관탄생화 꽃다발 만들기생일 꽃으로 나만의 꽃다발
무료 도구 전체 보기 →

자주 묻는 질문

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

퓨터의 HEX 코드는 #899499 값이에요. RGB로는 rgb(137, 148, 153), HSL로는 hsl(199, 7%, 57%), CMYK로는 10, 3, 0, 40 값이에요.

퓨터의 보색은 무엇인가요?

색상환에서 반대편에 있는 보색은 #998E89 색으로, 스톤 그레이에 가까워요. 포인트로 조금만 쓰면 강한 대비가 생겨요.

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

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