컬러 팔레트

파란색

빨강, 초록과 함께 모든 화면을 이루는 세 가지 빛의 색 중 하나예요. 차분함, 신뢰, 질서를 전해요. 은행, IT 기업, SNS 로고에 가장 많이 쓰이는 색이에요.

다른 이름: 블루, 파랑

파란색 · #0000FF

파란색 기본 정보

파란색(#0000FF) 색상은 차가운 색 계열이에요. 밝기는 중간, 채도는 높은 수준이에요. 파란 계열 색 그룹에 속해요. RGB 값은 빨강 0, 초록 0, 파랑 255(각 255단계)예요. 주요 용도: 로고, 웹, 브랜딩, 패션.

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

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

파란색에 어울리는 색

흰색바다와 구름처럼 산뜻하고 깔끔해요.주황색보색이라 대비가 가장 커요.회색차분하고 프로페셔널한 느낌이에요.노란색경쾌하고 밝은 조합이에요.베이지따뜻함과 균형을 더해요.분홍색달콤하고 모던한 대비예요.커피색클래식하고 자연스러운 조합이에요.초록색자연스러운 이웃 색이라 산뜻하고 차분해요.
패션·인테리어에서 파란색 매치하는 법 →

파란색의 색상 조화

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

보색가까운 색:노란색
유사색가까운 색:일렉트릭 블루, 바이올렛
삼각 배색가까운 색:빨간색, 네온 그린
분할 보색가까운 색:주황색, 샤르트뢰즈
사각 배색가까운 색:딥 핑크, 노란색, 민트색

파란색 컬러 팔레트

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

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

파란색 위 글자색 대비

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

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

CSS 코드

:root {
  --blue: #0000FF;
  --blue-rgb: 0, 0, 255;
}
.bg { background-color: var(--blue); }
.text { color: var(--blue); }

파란색에 가까운 색

바이올렛진보라진한 파란색군청색네이비마젠타클라인 블루포도색인디고일렉트릭 블루

다른 파란 계열 색

네이비하늘색코발트 블루사파이어 블루스틸 블루로열 블루일렉트릭 블루미드나잇 블루군청색프렌치 블루프러시안 블루파스텔 블루베이비 블루데님 블루클라인 블루진한 파란색연한 파란색세룰리안 블루

자주 묻는 질문

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

파란색의 HEX 코드는 #0000FF 값이에요. RGB로는 rgb(0, 0, 255), HSL로는 hsl(240, 100%, 50%), CMYK로는 100, 100, 0, 0 값이에요.

파란색의 보색은 무엇인가요?

색상환에서 반대편에 있는 보색은 #FFFF00 색으로, 노란색에 가까워요. 포인트로 조금만 쓰면 강한 대비가 생겨요.

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

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

파란색에 어울리는 색은 무엇인가요?

잘 어울리는 색: 흰색, 주황색, 회색, 노란색, 베이지. 무채색 없이 전혀 다른 파랑을 많이 섞으면 산만해 보이니 피하세요. 강한 보라와 함께 쓰면 파랑의 선명함이 사라져요.