컬러 팔레트

사파이어 블루

보석 사파이어에서 이름을 따왔어요. 깊고 빛나는 파랑으로 고급스러움이 느껴져요. 드레스, 약혼반지, 프리미엄 패키지에 쓰여요.

다른 이름: 사파이어, 청옥색

사파이어 블루 · #0F52BA

사파이어 블루 기본 정보

사파이어 블루(#0F52BA) 색상은 차가운 색 계열이에요. 밝기는 중간, 채도는 높은 수준이에요. 파란 계열 색 그룹에 속해요. RGB 값은 빨강 15, 초록 82, 파랑 186(각 255단계)예요. 주요 용도: 주얼리, 패션, 이벤트.

사파이어 블루의 명암: 밝은 톤과 어두운 톤

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

사파이어 블루의 색상 조화

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

보색가까운 색:황토색
유사색가까운 색:티파니 블루, 진한 파란색
삼각 배색가까운 색:라즈베리, 애플 그린
분할 보색가까운 색:벽돌색, 애플 그린
사각 배색가까운 색:보라색, 황토색, 초록색

사파이어 블루 컬러 팔레트

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

단색 팔레트 · 사파이어 블루
유사색 팔레트 · 사파이어 블루
보색 팔레트 · 사파이어 블루
삼각 배색 팔레트 · 사파이어 블루
중성색 포함 팔레트 · 사파이어 블루
포인트 색 포함 팔레트 · 사파이어 블루

사파이어 블루 위 글자색 대비

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

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

CSS 코드

:root {
  --sapphire-blue: #0F52BA;
  --sapphire-blue-rgb: 15, 82, 186;
}
.bg { background-color: var(--sapphire-blue); }
.text { color: var(--sapphire-blue); }

사파이어 블루에 가까운 색

코발트 블루데님 블루로열 블루클라인 블루일렉트릭 블루미드나잇 블루프렌치 블루울트라 바이올렛자수정색포도색

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

다른 파란 계열 색

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

자주 묻는 질문

사파이어 블루의 색상 코드는 무엇인가요?

사파이어 블루의 HEX 코드는 #0F52BA 값이에요. RGB로는 rgb(15, 82, 186), HSL로는 hsl(216, 85%, 39%), CMYK로는 92, 56, 0, 27 값이에요.

사파이어 블루의 보색은 무엇인가요?

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

사파이어 블루 위에 흰 글자를 올려도 잘 읽히나요?

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