컬러 팔레트

스틸 블루

강철에 비친 빛처럼 회색 바탕의 중간 톤 파랑이에요. CSS에서는 steelblue라고 불러요. 차분하고 기술적인 느낌이라 UI와 산업 브랜드에 유용해요.

다른 이름: 강철색, 스틸

스틸 블루 · #4682B4

스틸 블루 기본 정보

스틸 블루(#4682B4) 색상은 차가운 색 계열이에요. 밝기는 중간, 채도는 중간 수준이에요. 파란 계열 색 그룹에 속해요. RGB 값은 빨강 70, 초록 130, 파랑 180(각 255단계)예요. 주요 용도: 웹, 산업, 패션.

스틸 블루의 명암: 밝은 톤과 어두운 톤

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

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

스틸 블루의 색상 조화

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

보색가까운 색:구리색
유사색가까운 색:티파니 블루, 코발트 블루
삼각 배색가까운 색:자두색, 피스타치오 그린
분할 보색가까운 색:인디언 레드, 올드 골드
사각 배색가까운 색:오키드, 구리색, 포레스트 그린

스틸 블루 컬러 팔레트

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

단색 팔레트 · 스틸 블루
유사색 팔레트 · 스틸 블루
보색 팔레트 · 스틸 블루
삼각 배색 팔레트 · 스틸 블루
중성색 포함 팔레트 · 스틸 블루
포인트 색 포함 팔레트 · 스틸 블루

스틸 블루 위 글자색 대비

흰 글자대비율 4.1:1 · AA(큰 글자)
검은 글자대비율 5.1:1 · AA

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

CSS 코드

:root {
  --steel-blue: #4682B4;
  --steel-blue-rgb: 70, 130, 180;
}
.bg { background-color: var(--steel-blue); }
.text { color: var(--steel-blue); }

스틸 블루에 가까운 색

세룰리안 블루블루 그레이프렌치 블루슬레이트 그레이페트롤 블루스틸 그레이베이비 블루리드 그레이하늘색데님 블루

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

다른 파란 계열 색

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

자주 묻는 질문

스틸 블루의 색상 코드는 무엇인가요?

스틸 블루의 HEX 코드는 #4682B4 값이에요. RGB로는 rgb(70, 130, 180), HSL로는 hsl(207, 44%, 49%), CMYK로는 61, 28, 0, 29 값이에요.

스틸 블루의 보색은 무엇인가요?

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

스틸 블루 위에 흰 글자를 올려도 잘 읽히나요?

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