컬러로그 로고 이미지
← 모든 컬러 팔레트 보기

Palette Detail

The Deep Ice

추천 분야와 이유

  • 방수 스마트워치 상세 페이지 — 시안 블루와 딥 네이비 조합은 방수 스마트워치, 수영 모드, 피트니스 웨어러블 제품의 기능성을 선명하게 보여 줍니다. 아쿠아 톤은 물속 사용 장면과 운동 데이터를 깨끗하게 연결하고, 어두운 배경은 디스플레이 화면과 스펙 정보를 돋보이게 합니다. 스마트워치 추천과 방수 웨어러블 키워드에 적합합니다.
  • 수영장 예약 앱 UI — 밝은 블루와 아쿠아 컬러는 수영장 예약 앱, 실내 수영장 강습, 레인 예약 화면에서 물의 청량감과 시설의 위생감을 직관적으로 전달합니다. 딥 네이비는 시간표, 가격표, 예약 버튼의 가독성을 높이고, 시안 포인트는 선택 상태와 알림을 명확히 보여 줍니다. 수영 강습 예약 SEO 키워드에 잘 맞습니다.
  • 해양 드론 브랜드 웹사이트 — 딥 블루 그린과 선명한 시안은 해양 드론, 수중 탐사 장비, 해양 데이터 플랫폼의 기술적 신뢰감을 강화합니다. 밝은 아쿠아는 수중 카메라와 센서 이미지를 깨끗하게 보여 주고, 어두운 네이비는 전문 장비 브랜드의 견고함을 더합니다. 해양 기술, 수중 촬영, 산업용 드론 키워드에 적합합니다.
  • 쿨링 젤 마스크 패키지 — 아쿠아와 시안 블루는 쿨링 젤 마스크, 진정 마스크팩, 피부 열감 케어 제품의 시원한 사용감을 직접적으로 표현합니다. 딥 네이비는 성분명과 기능 문구를 안정적으로 받쳐 주고, 밝은 블루는 수분 진정과 모공 케어 이미지를 강화합니다. 여름 스킨케어와 쿨링 화장품 키워드에 적합합니다.
  • 클라우드 백업 서비스 랜딩 페이지 — 블루 계열의 명확한 대비는 클라우드 백업 서비스, 데이터 보안, 파일 동기화 랜딩 페이지에서 신뢰감과 디지털 안정성을 전달하기 좋습니다. 밝은 시안은 CTA 버튼과 무료 체험 영역을 눈에 띄게 만들고, 딥 네이비는 보안 기능과 요금제 비교표를 전문적으로 보여 줍니다. SaaS 랜딩 페이지에 잘 어울립니다.

비추천 분야와 이유

  • 수제 딸기잼 라벨 — 수제 딸기잼 라벨은 딸기의 붉은색, 달콤한 과육, 홈메이드 감성을 따뜻하게 보여 주어야 합니다. 이 색 조합은 물, 디지털, 청량감이 먼저 느껴져 딸기잼, 과일청, 수제 잼 선물 키워드에 필요한 식욕과 달콤한 향을 충분히 전달하기 어렵습니다.
  • 가을 울 코트 쇼핑몰 배너 — 가을 울 코트 배너는 포근한 촉감, 브라운 스타일링, 계절감 있는 데일리룩 이미지를 강조해야 합니다. 밝은 시안과 아쿠아 중심의 팔레트는 차가운 물과 여름 이미지를 떠올리게 하므로 여성 울 코트, 가을 아우터, 겨울 코디 키워드의 따뜻함을 약하게 만들 수 있습니다.
  • 한우 선물세트 패키지 — 한우 선물세트 패키지는 고급 식재료, 육즙, 프리미엄 명절 선물 이미지를 위해 딥 레드, 골드, 블랙 계열이 효과적입니다. 이 색상은 차갑고 해양적인 인상이 강해 한우 등심, 소고기 선물세트, 추석 선물 키워드에서 풍미와 고급 식품 이미지를 직관적으로 보여 주기 어렵습니다.
  • 로맨틱 웨딩 청첩 — 웨딩 청첩장은 부드러운 아이보리, 핑크, 골드처럼 예식의 따뜻함과 로맨틱한 분위기를 만드는 색이 중요합니다. 이 팔레트는 선명하고 차가운 디지털 인상이 강해 결혼식 초대장, 웨딩 카드, 신부 감성 키워드의 섬세한 설렘과 우아함을 충분히 표현하기 어렵습니다.
  • 전통 도자기 공방 브로슈어 — 전통 도자기 공방 브로슈어는 흙, 유약, 손작업, 장인의 온기를 보여 주는 자연색과 뉴트럴 톤이 잘 어울립니다. 이 색 조합은 현대적인 수영장과 테크 제품 이미지를 먼저 만들기 때문에 수제 도자기, 공방 체험, 전통 공예 키워드의 질감과 따뜻한 손맛이 약해질 수 있습니다.

팔레트가 주는 느낌

  • 밝은 시안 블루와 아쿠아 톤이 강한 청량감을 만들고, 딥 네이비와 어두운 블루 그린이 전체 분위기를 선명하게 잡아 주는 팔레트입니다. 맑은 물, 유리, 수영장, 해양 기술, 디지털 화면이 떠오르며 차갑고 깨끗한 인상이 강합니다. 밝은 색과 어두운 색의 대비가 뚜렷해 온라인 UI, 앱 화면, 패키지 디자인에서 주목도와 가독성을 만들기 좋습니다. 전체적으로 신뢰감, 속도감, 위생감, 미래적인 이미지를 동시에 전달합니다.

WCAG Contrast

팔레트 색상 간 대비

각 색상을 텍스트 색상으로, 나머지 색상을 배경색으로 보았을 때의 WCAG 대비율입니다. AA는 4.5:1 이상, AAA는 7:1 이상을 의미합니다.

Color 1

#41C1D3와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#41C1D3

Color 1 on Color 2

대비 샘플 텍스트

Text #41C1D3onBG #044559
AA
4.90:1일반 텍스트 AA 기준을 충족합니다.

Color 1 on Color 3

대비 샘플 텍스트

Text #41C1D3onBG #9DDFE8
Fail
1.45:1텍스트 대비 기준에 미달합니다.

Color 1 on Color 4

대비 샘플 텍스트

Text #41C1D3onBG #041823
AAA
8.44:1일반 텍스트 AAA 기준을 충족합니다.

Color 1 on Color 5

대비 샘플 텍스트

Text #41C1D3onBG #169EB7
Fail
1.48:1텍스트 대비 기준에 미달합니다.

Color 2

#044559와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#044559

Color 2 on Color 1

대비 샘플 텍스트

Text #044559onBG #41C1D3
AA
4.90:1일반 텍스트 AA 기준을 충족합니다.

Color 2 on Color 3

대비 샘플 텍스트

Text #044559onBG #9DDFE8
AAA
7.07:1일반 텍스트 AAA 기준을 충족합니다.

Color 2 on Color 4

대비 샘플 텍스트

Text #044559onBG #041823
Fail
1.72:1텍스트 대비 기준에 미달합니다.

Color 2 on Color 5

대비 샘플 텍스트

Text #044559onBG #169EB7
AA Large
3.30:1큰 텍스트 AA 기준만 충족합니다.

Color 3

#9DDFE8와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#9DDFE8

Color 3 on Color 1

대비 샘플 텍스트

Text #9DDFE8onBG #41C1D3
Fail
1.45:1텍스트 대비 기준에 미달합니다.

Color 3 on Color 2

대비 샘플 텍스트

Text #9DDFE8onBG #044559
AAA
7.07:1일반 텍스트 AAA 기준을 충족합니다.

Color 3 on Color 4

대비 샘플 텍스트

Text #9DDFE8onBG #041823
AAA
12.20:1일반 텍스트 AAA 기준을 충족합니다.

Color 3 on Color 5

대비 샘플 텍스트

Text #9DDFE8onBG #169EB7
Fail
2.14:1텍스트 대비 기준에 미달합니다.

Color 4

#041823와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#041823

Color 4 on Color 1

대비 샘플 텍스트

Text #041823onBG #41C1D3
AAA
8.44:1일반 텍스트 AAA 기준을 충족합니다.

Color 4 on Color 2

대비 샘플 텍스트

Text #041823onBG #044559
Fail
1.72:1텍스트 대비 기준에 미달합니다.

Color 4 on Color 3

대비 샘플 텍스트

Text #041823onBG #9DDFE8
AAA
12.20:1일반 텍스트 AAA 기준을 충족합니다.

Color 4 on Color 5

대비 샘플 텍스트

Text #041823onBG #169EB7
AA
5.70:1일반 텍스트 AA 기준을 충족합니다.

Color 5

#169EB7와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#169EB7

Color 5 on Color 1

대비 샘플 텍스트

Text #169EB7onBG #41C1D3
Fail
1.48:1텍스트 대비 기준에 미달합니다.

Color 5 on Color 2

대비 샘플 텍스트

Text #169EB7onBG #044559
AA Large
3.30:1큰 텍스트 AA 기준만 충족합니다.

Color 5 on Color 3

대비 샘플 텍스트

Text #169EB7onBG #9DDFE8
Fail
2.14:1텍스트 대비 기준에 미달합니다.

Color 5 on Color 4

대비 샘플 텍스트

Text #169EB7onBG #041823
AA
5.70:1일반 텍스트 AA 기준을 충족합니다.

APCA Contrast

인지 대비 기반 가독성 분석

APCA(Advanced Perceptual Contrast Algorithm)는 WCAG 2.0의 단순 대비율을 보완해 사람 눈이 느끼는 휘도, 밝은 배경·어두운 배경의 순응 상태, 텍스트 크기별 권장 용도를 함께 해석합니다.

핵심 계산 공식

어두운 글자 + 밝은 배경: Lc = (Ybg^0.56 - Ytxt^0.57) × 161.8

밝은 글자 + 어두운 배경: Lc = (Ybg^0.62 - Ytxt^0.65) × 161.8

Y 값은 RGB 채널을 시각 가중치로 변환한 휘도이며, 161.8은 결과를 약 -105~+105 범위의 사람이 읽기 쉬운 점수로 맞추는 스케일 상수입니다.

실무 적용 가이드

Lc 90 이상
12px 수준의 작은 본문도 안정적
Lc 75 이상
14px~16px 일반 본문 권장
Lc 60 이상
굵은 글씨·24px 이상 타이틀 권장
Lc 45 이상
큰 버튼·부가 정보에 제한 활용

Color 1

#41C1D3와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#41C1D3

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #41C1D3onBG #044559
Lc 60+
-70 LcWCAG 4.90:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #41C1D3onBG #9DDFE8
Low Lc
+27 LcWCAG 1.45:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #41C1D3onBG #041823
Lc 75+
-87 LcWCAG 8.44:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #41C1D3onBG #169EB7
Low Lc
-21 LcWCAG 1.48:1

Color 2

#044559와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#044559

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #044559onBG #41C1D3
Lc 60+
+73 LcWCAG 4.90:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #044559onBG #9DDFE8
Lc 90+
+99 LcWCAG 7.07:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #044559onBG #041823
Low Lc
-15 LcWCAG 1.72:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #044559onBG #169EB7
Lc 45+
+50 LcWCAG 3.30:1

Color 3

#9DDFE8와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#9DDFE8

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #9DDFE8onBG #41C1D3
Low Lc
-26 LcWCAG 1.45:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #9DDFE8onBG #044559
Lc 90+
-98 LcWCAG 7.07:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #9DDFE8onBG #041823
Lc 90+
-115 LcWCAG 12.20:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #9DDFE8onBG #169EB7
Lc 45+
-50 LcWCAG 2.14:1

Color 4

#041823와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#041823

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #041823onBG #41C1D3
Lc 90+
+92 LcWCAG 8.44:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #041823onBG #044559
Low Lc
+20 LcWCAG 1.72:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #041823onBG #9DDFE8
Lc 90+
+118 LcWCAG 12.20:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #041823onBG #169EB7
Lc 60+
+69 LcWCAG 5.70:1

Color 5

#169EB7와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#169EB7

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #169EB7onBG #41C1D3
Low Lc
+24 LcWCAG 1.48:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #169EB7onBG #044559
Lc 45+
-46 LcWCAG 3.30:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #169EB7onBG #9DDFE8
Lc 45+
+50 LcWCAG 2.14:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #169EB7onBG #041823
Lc 60+
-63 LcWCAG 5.70:1

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

More Palettes

다른 색상 팔레트도 둘러보기

모든 팔레트 보기 →

현재 보고 있는 팔레트를 제외하고 랜덤으로 고른 4개의 팔레트입니다. 새로운 배색 아이디어가 필요할 때 함께 비교해 보세요.

Damson Cube

5 colors
  • #C8A3C1
  • #280D18
  • #7E446A
  • #55233F
  • #93699A

Brass Stone

5 colors
  • #CBB664
  • #282726
  • #736E59
  • #8A9592
  • #8A8B94

Cranberry Road

5 colors
  • #D67483
  • #542023
  • #9BAAAB
  • #9D4A51
  • #E1DFDD

Blue Slate

5 colors
  • #476698
  • #D0C8C3
  • #9FA0AA
  • #B3BCC1
  • #8499C4