컬러 팔레트

웜 그레이

베이지나 갈색이 살짝 섞인 따뜻한 회색이에요. 차가운 회색보다 친근해서 집의 벽과 바닥에 잘 맞아요. 웹 배경색으로도 눈이 편안해요.

다른 이름: 따뜻한 회색

웜 그레이의 HEX 코드는 #A39E93 값이에요. RGB로는 rgb(163, 158, 147), HSL로는 hsl(41, 8%, 61%), CMYK로는 0, 3, 10, 36 값이에요.

실제로 보면 이런 느낌

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

웜 그레이에 가까운 색

스톤 그레이#928E85머쉬룸#BDACA3그레이지#BEB6A8헤더 그레이#B6B6B4스모크 그레이#848884퓨터#899499

웜 그레이 기본 정보

웜 그레이(#A39E93) 색상은 중성색 계열이에요. 밝기는 중간, 채도는 낮은 수준이에요. 회색 계열 색 그룹에 속해요. RGB 값은 빨강 163, 초록 158, 파랑 147(각 255단계)예요. 주요 용도: 인테리어, 페인트, 웹.

웜 그레이 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #A39E93
웜 그레이 · #A39E93

웜 그레이의 명암: 밝은 톤과 어두운 톤

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

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

웜 그레이의 색상 조화

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

보색가까운 색:퓨터
유사색
삼각 배색가까운 색:퓨터
분할 보색가까운 색:퓨터, 더스티 블루
사각 배색가까운 색:퓨터

웜 그레이 컬러 팔레트

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

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

웜 그레이 위 글자색 대비

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

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

CSS 코드

:root {
  --warm-gray: #A39E93;
  --warm-gray-rgb: 163, 158, 147;
}
.bg { background-color: var(--warm-gray); }
.text { color: var(--warm-gray); }

웜 그레이에 가까운 색

애쉬 그레이회색은색카키

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

다른 회색 계열 색

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

이것도 해 보세요

이름 컬러 팔레트이름을 넣고 나만의 컬러 스토리 팔레트를 만들어 보세요퍼스널컬러 자가진단사진 없이 10가지 질문으로 봄웜·여름쿨·가을웜·겨울쿨 진단셀카 퍼스널컬러 진단사진 한 장으로 내 톤과 베스트 컬러 찾기
무료 도구 전체 보기 →

자주 묻는 질문

웜 그레이의 색상 코드는 무엇인가요?

웜 그레이의 HEX 코드는 #A39E93 값이에요. RGB로는 rgb(163, 158, 147), HSL로는 hsl(41, 8%, 61%), CMYK로는 0, 3, 10, 36 값이에요.

웜 그레이의 보색은 무엇인가요?

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

웜 그레이 위에 흰 글자를 올려도 잘 읽히나요?

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