컬러 팔레트

슬레이트 블루

보랏빛이 도는 차분한 중간 톤의 파란색이에요. 이름은 지붕재로도 쓰이는 점판암에서 왔어요. 웹 디자인 포인트나 조용한 분위기의 인테리어에 잘 맞아요.

다른 이름: 점판암 블루

슬레이트 블루의 HEX 코드는 #6A5ACD 값이에요. RGB로는 rgb(106, 90, 205), HSL로는 hsl(248, 53%, 58%), CMYK로는 48, 56, 0, 20 값이에요.

실제로 보면 이런 느낌

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

슬레이트 블루에 가까운 색

로열 블루#4169E1자수정색#9966CC사파이어 블루#0F52BA로열 퍼플#7851A9코발트 블루#0047AB포도색#6F2DA8

슬레이트 블루 기본 정보

슬레이트 블루(#6A5ACD) 색상은 차가운 색 계열이에요. 밝기는 중간, 채도는 중간 수준이에요. 파란 계열 색 그룹에 속해요. RGB 값은 빨강 106, 초록 90, 파랑 205(각 255단계)예요. 주요 용도: 웹, 인테리어, 그래픽 디자인.

슬레이트 블루 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #6A5ACD
슬레이트 블루 · #6A5ACD

슬레이트 블루의 명암: 밝은 톤과 어두운 톤

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

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

슬레이트 블루의 색상 조화

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

보색가까운 색:황동색
유사색가까운 색:콘플라워 블루, 자수정색
삼각 배색가까운 색:테라코타, 파스텔 그린
분할 보색가까운 색:연황갈색, 파스텔 그린
사각 배색가까운 색:블러시 핑크, 황동색, 터키석색

슬레이트 블루 컬러 팔레트

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

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

슬레이트 블루 위 글자색 대비

흰 글자대비율 5.3:1 · AA
검은 글자대비율 4.0:1 · AA(큰 글자)

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

CSS 코드

:root {
  --slate-blue: #6A5ACD;
  --slate-blue-rgb: 106, 90, 205;
}
.bg { background-color: var(--slate-blue); }
.text { color: var(--slate-blue); }

슬레이트 블루에 가까운 색

일렉트릭 블루클라인 블루데님 블루애저 블루

다른 파란 계열 색

파란색네이비하늘색코발트 블루사파이어 블루스틸 블루로열 블루일렉트릭 블루미드나잇 블루군청색프렌치 블루프러시안 블루파스텔 블루베이비 블루데님 블루클라인 블루진한 파란색연한 파란색세룰리안 블루페리윙클애저 블루콘플라워 블루더스티 블루오션 블루
슬레이트 블루 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #6A5ACD
슬레이트 블루 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #6A5ACD

이것도 해 보세요

이름 컬러 팔레트이름을 넣고 나만의 컬러 스토리 팔레트를 만들어 보세요탄생색 패턴 만들기가족·친구의 탄생색으로 체크무늬퍼스널컬러 자가진단사진 없이 10가지 질문으로 봄웜·여름쿨·가을웜·겨울쿨 진단
무료 도구 전체 보기 →

자주 묻는 질문

슬레이트 블루의 색상 코드는 무엇인가요?

슬레이트 블루의 HEX 코드는 #6A5ACD 값이에요. RGB로는 rgb(106, 90, 205), HSL로는 hsl(248, 53%, 58%), CMYK로는 48, 56, 0, 20 값이에요.

슬레이트 블루의 보색은 무엇인가요?

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

슬레이트 블루 위에 흰 글자를 올려도 잘 읽히나요?

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