컬러 팔레트

사프란색

파에야와 쌀 요리에 색을 내는 향신료에서 이름을 따왔어요. 주황빛 바탕의 금빛 노랑이에요. 지중해 요리와 불교 승려의 가사를 떠올리게 해요.

다른 이름: 사프란 옐로, 사프란

사프란색 · #F4C430

사프란색 기본 정보

사프란색(#F4C430) 색상은 따뜻한 색 계열이에요. 밝기는 중간, 채도는 높은 수준이에요. 노란 계열 색 그룹에 속해요. RGB 값은 빨강 244, 초록 196, 파랑 48(각 255단계)예요. 주요 용도: 식품, 패션, 인테리어.

사프란색의 명암: 밝은 톤과 어두운 톤

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

사프란색의 색상 조화

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

보색가까운 색:일렉트릭 블루
유사색가까운 색:토마토색, 형광 노란색
삼각 배색가까운 색:아쿠아마린, 마젠타
분할 보색가까운 색:베이비 블루, 바이올렛
사각 배색가까운 색:네온 그린, 일렉트릭 블루, 푸크시아

사프란색 컬러 팔레트

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

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

사프란색 위 글자색 대비

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

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

CSS 코드

:root {
  --saffron: #F4C430;
  --saffron-rgb: 244, 196, 48;
}
.bg { background-color: var(--saffron); }
.text { color: var(--saffron); }

사프란색에 가까운 색

머스터드해바라기색앰버금색올드 골드꿀색파스텔 오렌지옥수수색캐러멜색카나리아색

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

다른 노란 계열 색

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

자주 묻는 질문

사프란색의 색상 코드는 무엇인가요?

사프란색의 HEX 코드는 #F4C430 값이에요. RGB로는 rgb(244, 196, 48), HSL로는 hsl(45, 90%, 57%), CMYK로는 0, 20, 80, 4 값이에요.

사프란색의 보색은 무엇인가요?

색상환에서 반대편에 있는 보색은 #3060F4 색으로, 일렉트릭 블루에 가까워요. 포인트로 조금만 쓰면 강한 대비가 생겨요.

사프란색 위에 흰 글자를 올려도 잘 읽히나요?

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