페트롤 블루

페트롤 블루 기본 정보

페트롤 블루의 명암: 밝은 톤과 어두운 톤

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

페트롤 블루에 어울리는 색

페트롤 블루의 색상 조화

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

페트롤 블루 컬러 팔레트

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

페트롤 블루 위 글자색 대비

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

CSS 코드

복사:root {
  --petrol-blue: #084C61;
  --petrol-blue-rgb: 8, 76, 97;
}
.bg { background-color: var(--petrol-blue); }
.text { color: var(--petrol-blue); }

페트롤 블루에 가까운 색

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

다른 청록 계열 색