컬러 팔레트

옥스퍼드 그레이

옥스퍼드 대학교와 클래식한 영국 원단을 떠올리게 해요. 거의 검정에 가까운 아주 어두운 회색이에요. 교복, 바지, 정장에 흔히 쓰여요.

다른 이름: 옥스퍼드, 짙은 잿빛

옥스퍼드 그레이 · #3A3B3C

옥스퍼드 그레이 기본 정보

옥스퍼드 그레이(#3A3B3C) 색상은 중성색 계열이에요. 밝기는 어두운 편, 채도는 거의 없는 수준이에요. 회색 계열 색 그룹에 속해요. RGB 값은 빨강 58, 초록 59, 파랑 60(각 255단계)예요. 주요 용도: 패션, 유니폼.

옥스퍼드 그레이의 명암: 밝은 톤과 어두운 톤

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

옥스퍼드 그레이에 어울리는 색

흰색깔끔하고 프로페셔널한 대비예요.하늘색오피스룩의 정석이에요.인디 핑크부드럽고 모던한 대비예요.머스터드아주 우아한 따뜻한 포인트 색이에요.와인색차분하고 세련된 조합이에요.카멜차가운 바탕에 따뜻함을 더해요.연회색우아한 회색 그러데이션이에요.노란색밝고 모던한 대비예요.
패션·인테리어에서 옥스퍼드 그레이 매치하는 법 →

옥스퍼드 그레이의 색상 조화

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

보색
유사색
삼각 배색
분할 보색
사각 배색

옥스퍼드 그레이 컬러 팔레트

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

단색 팔레트 · 옥스퍼드 그레이
유사색 팔레트 · 옥스퍼드 그레이
보색 팔레트 · 옥스퍼드 그레이
삼각 배색 팔레트 · 옥스퍼드 그레이
중성색 포함 팔레트 · 옥스퍼드 그레이
포인트 색 포함 팔레트 · 옥스퍼드 그레이

옥스퍼드 그레이 위 글자색 대비

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

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

CSS 코드

:root {
  --oxford-gray: #3A3B3C;
  --oxford-gray-rgb: 58, 59, 60;
}
.bg { background-color: var(--oxford-gray); }
.text { color: var(--oxford-gray); }

옥스퍼드 그레이에 가까운 색

오닉스칠흑색안트라사이트그래파이트차콜 그레이토프진회색숯검정흑단색가지색

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

다른 회색 계열 색

회색연회색진회색은색차콜 그레이슬레이트 그레이애쉬 그레이펄 그레이그래파이트토프스틸 그레이리드 그레이스모크 그레이스톤 그레이플래티넘블루 그레이그레이지

자주 묻는 질문

옥스퍼드 그레이의 색상 코드는 무엇인가요?

옥스퍼드 그레이의 HEX 코드는 #3A3B3C 값이에요. RGB로는 rgb(58, 59, 60), HSL로는 hsl(210, 2%, 23%), CMYK로는 3, 2, 0, 76 값이에요.

옥스퍼드 그레이의 보색은 무엇인가요?

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

옥스퍼드 그레이 위에 흰 글자를 올려도 잘 읽히나요?

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

옥스퍼드 그레이에 어울리는 색은 무엇인가요?

잘 어울리는 색: 흰색, 하늘색, 인디 핑크, 머스터드, 와인색. 밝은 색 없이 검은색이나 아주 짙은 네이비와 함께 쓰면 모두 뭉쳐 보이니 피하세요. 짙은 갈색과 매치하면 어두워 보일 수 있어요.