컬러 팔레트

망고색

잘 익은 망고 과육처럼 밝고 상큼한 주황색이에요. 열대 느낌의 활기가 있어 여름 캠페인이나 음료 패키지에 딱이에요. 식욕을 돋우는 색이기도 해요.

다른 이름: 망고 오렌지

망고색의 HEX 코드는 #FF8243 값이에요. RGB로는 rgb(255, 130, 67), HSL로는 hsl(20, 100%, 63%), CMYK로는 0, 49, 74, 0 값이에요.

실제로 보면 이런 느낌

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

망고색에 가까운 색

코랄#FF7F50시나몬#D2691E펌킨 오렌지#FF7518번트 시에나#E97451토마토색#FF6347번트 오렌지#CC5500

망고색 기본 정보

망고색(#FF8243) 색상은 따뜻한 색 계열이에요. 밝기는 중간, 채도는 높은 수준이에요. 주황 계열 색 그룹에 속해요. RGB 값은 빨강 255, 초록 130, 파랑 67(각 255단계)예요. 주요 용도: 식품, 여름, 그래픽 디자인.

망고색 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #FF8243
망고색 · #FF8243

망고색의 명암: 밝은 톤과 어두운 톤

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

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

망고색의 색상 조화

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

보색가까운 색:딥 스카이 블루
유사색가까운 색:크림슨, 바나나색
삼각 배색가까운 색:스프링 그린, 바이올렛
분할 보색가까운 색:터쿼이즈 블루, 일렉트릭 블루
사각 배색가까운 색:네온 그린, 딥 스카이 블루, 마젠타

망고색 컬러 팔레트

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

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

망고색 위 글자색 대비

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

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

CSS 코드

:root {
  --mango: #FF8243;
  --mango-rgb: 255, 130, 67;
}
.bg { background-color: var(--mango); }
.text { color: var(--mango); }

망고색에 가까운 색

황토색네온 오렌지양귀비색주황색

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

다른 주황 계열 색

주황색귤색펌킨 오렌지당근색살구색피치색코랄테라코타번트 오렌지연어색러스트구리색네온 오렌지파스텔 오렌지주홍색멜론 오렌지홍시색라이트 새먼다크 오렌지번트 시에나코랄 핑크
망고색 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #FF8243
망고색 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #FF8243

이것도 해 보세요

이름 컬러 팔레트이름을 넣고 나만의 컬러 스토리 팔레트를 만들어 보세요배색 슬롯머신레버를 당겨 배색을 뽑아 보세요컬러 수족관팔레트로 색이 바뀌는 힐링 3D 수족관
무료 도구 전체 보기 →

자주 묻는 질문

망고색의 색상 코드는 무엇인가요?

망고색의 HEX 코드는 #FF8243 값이에요. RGB로는 rgb(255, 130, 67), HSL로는 hsl(20, 100%, 63%), CMYK로는 0, 49, 74, 0 값이에요.

망고색의 보색은 무엇인가요?

색상환에서 반대편에 있는 보색은 #43C0FF 색으로, 딥 스카이 블루에 가까워요. 포인트로 조금만 쓰면 강한 대비가 생겨요.

망고색 위에 흰 글자를 올려도 잘 읽히나요?

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