컬러 팔레트

오프화이트

차가움을 덜어 내려고 다른 색을 아주 조금 섞은 흰색이에요. 순백보다 부드러워 보여요. 벽, 기본 아이템, 웹사이트 배경에 흔히 쓰여요.

다른 이름: 소프트 화이트, 부드러운 흰색

오프화이트 · #FAF9F6

오프화이트 기본 정보

오프화이트(#FAF9F6) 색상은 따뜻한 색 계열이에요. 밝기는 밝은 편, 채도는 낮은 수준이에요. 흰색 계열 색 그룹에 속해요. RGB 값은 빨강 250, 초록 249, 파랑 246(각 255단계)예요. 주요 용도: 인테리어, 패션, 웹.

오프화이트의 명암: 밝은 톤과 어두운 톤

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

오프화이트의 색상 조화

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

보색가까운 색:화이트 스모크
유사색
삼각 배색가까운 색:화이트 스모크
분할 보색가까운 색:화이트 스모크
사각 배색가까운 색:화이트 스모크, 스노우 화이트

오프화이트 컬러 팔레트

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

단색 팔레트 · 오프화이트
유사색 팔레트 · 오프화이트
보색 팔레트 · 오프화이트
삼각 배색 팔레트 · 오프화이트
중성색 포함 팔레트 · 오프화이트
포인트 색 포함 팔레트 · 오프화이트

오프화이트 위 글자색 대비

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

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

CSS 코드

:root {
  --off-white: #FAF9F6;
  --off-white-rgb: 250, 249, 246;
}
.bg { background-color: var(--off-white); }
.text { color: var(--off-white); }

오프화이트에 가까운 색

화이트 스모크스노우 화이트흰색린넨아이보리알라바스터플래티넘에그셸앤티크 화이트에크루

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

다른 흰색 계열 색

흰색아이보리크림색본 화이트스노우 화이트진주색알라바스터린넨화이트 스모크바닐라에그셸앤티크 화이트에크루

자주 묻는 질문

오프화이트의 색상 코드는 무엇인가요?

오프화이트의 HEX 코드는 #FAF9F6 값이에요. RGB로는 rgb(250, 249, 246), HSL로는 hsl(45, 29%, 97%), CMYK로는 0, 0, 2, 2 값이에요.

오프화이트의 보색은 무엇인가요?

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

오프화이트 위에 흰 글자를 올려도 잘 읽히나요?

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