Navy 색상

네이비 — 신뢰와 전통의 색

#000080Navy

색상 값

HEX#000080

RGBrgb(0, 0, 128)

HSLhsl(240°, 100%, 25%)

CSSnavy

색조 팔레트

#E8EAFF

100

#C5C9FF

300

#7B82E8

500

#3F51B5

700

#1A237E

900

#0D0D4D

보색

↔

#808000

Olive

유사색

#000090

Dark Navy

#1A1A80

Midnight Blue

CSS 사용법

CSS

/* By name */
color: navy;
background-color: navy;

/* By HEX */
color: #000080;
background-color: #000080;

/* By RGB */
color: rgb(0, 0, 128);

/* By HSL */
color: hsl(240deg, 100%, 25%);

/* With opacity */
color: rgba(0, 0, 128, 0.8);
color: hsl(240deg 100% 25% / 80%);

네이비(#000080)는 매우 어두워 텍스트 색상으로 사용할 때 충분한 배경 대비가 필요합니다. 밝은 배경에서는 잘 보이지만, 어두운 배경에서는 #1E3A8A나 #1D4ED8처럼 더 밝은 파랑을 사용하세요.

네이비(#000080)는 깊고 진한 파랑으로, 권위, 전통, 신뢰, 전문성을 상징합니다. 해군 유니폼에서 유래한 이름처럼 안정적이고 격조 있는 느낌을 줍니다. 금융, 법률, 교육, 정부 기관 등 전통적인 분야의 UI에서 자주 사용되며, 흰색·금색과 조합하면 고급스러운 느낌을 연출합니다. 다크 테마의 배경이나 헤더, 네비게이션 바에도 적합합니다.

주요 사용 사례

▸금융·은행 UI — 신뢰와 안정감 전달 (JP Morgan, Deutsche Bank)
▸교육 플랫폼 — 학문적 권위와 전통 표현
▸정장 패션 브랜드 — 우아함과 격식을 갖춘 이미지
▸네비게이션 바 배경 — 고급스럽고 전문적인 헤더
▸데이터 차트 — 금색·흰색과 조합한 고급 데이터 시각화
▸공공기관·정부 웹사이트 — 공식성과 신뢰감

Navy 색상

CSS 사용법

주요 사용 사례

관련 색상