컬러 팔레트

네온 오렌지

빛나는 것처럼 보이는 채도 높은 주황이에요. 멀리서도 잘 보여서 안전 장비, 운동화, 포스터에 자주 쓰여요. 화면에서는 작은 디테일에만 쓰는 게 좋아요.

다른 이름: 형광 주황, 세이프티 오렌지

네온 오렌지 · #FF5F1F

네온 오렌지 기본 정보

네온 오렌지(#FF5F1F) 색상은 따뜻한 색 계열이에요. 밝기는 중간, 채도는 높은 수준이에요. 주황 계열 색 그룹에 속해요. RGB 값은 빨강 255, 초록 95, 파랑 31(각 255단계)예요. 주요 용도: 스포츠, 안전용품, 그래픽 디자인.

네온 오렌지의 명암: 밝은 톤과 어두운 톤

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

네온 오렌지의 색상 조화

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

보색가까운 색:베이비 블루
유사색가까운 색:크림슨, 해바라기색
삼각 배색가까운 색:네온 그린, 바이올렛
분할 보색가까운 색:아쿠아마린, 일렉트릭 블루
사각 배색가까운 색:네온 그린, 베이비 블루, 마젠타

네온 오렌지 컬러 팔레트

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

단색 팔레트 · 네온 오렌지
유사색 팔레트 · 네온 오렌지
보색 팔레트 · 네온 오렌지
삼각 배색 팔레트 · 네온 오렌지
중성색 포함 팔레트 · 네온 오렌지
포인트 색 포함 팔레트 · 네온 오렌지

네온 오렌지 위 글자색 대비

흰 글자대비율 3.0:1 · AA(큰 글자)
검은 글자대비율 6.9:1 · AA

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

CSS 코드

:root {
  --neon-orange: #FF5F1F;
  --neon-orange-rgb: 255, 95, 31;
}
.bg { background-color: var(--neon-orange); }
.text { color: var(--neon-orange); }

네온 오렌지에 가까운 색

주홍색펌킨 오렌지토마토색번트 오렌지페라리 레드마호가니스칼렛주황색버밀리언코랄

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

다른 주황 계열 색

주황색귤색펌킨 오렌지당근색살구색피치색코랄테라코타번트 오렌지연어색러스트구리색파스텔 오렌지주홍색

자주 묻는 질문

네온 오렌지의 색상 코드는 무엇인가요?

네온 오렌지의 HEX 코드는 #FF5F1F 값이에요. RGB로는 rgb(255, 95, 31), HSL로는 hsl(17, 100%, 56%), CMYK로는 0, 63, 88, 0 값이에요.

네온 오렌지의 보색은 무엇인가요?

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

네온 오렌지 위에 흰 글자를 올려도 잘 읽히나요?

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