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

Palette Detail

Cranberry Road

추천 분야와 이유

  • 빈티지 감성 독립서점 브랜딩 — 차분한 크렌베리 톤과 로즈 브라운 계열은 독립서점 로고, 북카페 간판, 문학 큐레이션 플랫폼에 적합합니다. 깊이 있는 붉은색은 감성 에세이, 인문학 서점, 북클럽 커뮤니티의 따뜻한 분위기를 강화하고, 그레이 블루는 지적인 신뢰감을 더합니다. 온라인 서점 상세페이지와 오프라인 책갈피, 포장지 디자인에도 고급스러운 브랜드 아이덴티티를 만듭니다.
  • 크렌베리 향 핸드크림 패키지 — 부드러운 로즈 컬러와 웜 그레이 조합은 핸드크림 패키지, 바디로션 튜브, 퍼퓸드 스킨케어 제품에 잘 어울립니다. 붉은 계열은 은은한 과일 향과 보습감을 시각적으로 전달하고, 어두운 브라운은 프리미엄 뷰티 브랜드 이미지를 만듭니다. 겨울 보습, 선물용 핸드크림, 감성 화장품 패키지 키워드와 연결되어 온라인 뷰티몰에서 상품 주목도를 높입니다.
  • 와인바 예약 웹사이트 UI — 딥 레드와 브라운 톤은 와인바 예약 사이트, 내추럴 와인 큐레이션 앱, 프라이빗 다이닝 랜딩페이지에 적합합니다. 붉은색은 와인의 풍미와 로맨틱한 저녁 분위기를 직관적으로 표현하고, 어두운 브라운은 고급 레스토랑 브랜딩에 필요한 무게감을 줍니다. 그레이 계열은 메뉴 정보와 예약 버튼을 세련되게 정리해 프리미엄 외식 경험을 강조합니다.
  • 가을 웨딩 청첩장 디자인 — 차분한 로즈 레드와 소프트 그레이는 가을 웨딩 청첩장, 스몰웨딩 초대장, 모바일 청첩장 디자인에 잘 맞습니다. 따뜻한 붉은 톤은 사랑과 진정성을 표현하고, 그레이 블루는 과하게 화려하지 않은 우아함을 더합니다. 클래식 웨딩, 빈티지 웨딩, 호텔 예식 초대장 키워드와 잘 연결되며 종이 청첩장과 디지털 카드 모두에서 세련된 인상을 만듭니다.
  • 수제 잼 유리병 라벨 — 크렌베리와 브라운 계열은 수제 잼 라벨, 과일청 패키지, 로컬 디저트 브랜드에 자연스럽게 어울립니다. 붉은색은 베리류의 새콤달콤한 맛을 떠올리게 하고, 웜 그레이는 홈메이드 식품의 정갈한 이미지를 전달합니다. 카페 납품용 잼, 답례품 패키지, 프리미엄 과일잼 상세페이지에 적용하면 따뜻하면서도 고급스러운 식품 브랜딩을 완성합니다.

비추천 분야와 이유

  • 초고속 게이밍 노트북 상세페이지 — 게이밍 노트북 상세페이지는 강한 대비, 네온 컬러, 메탈릭 블랙, 전자기기 성능 이미지를 강조해야 합니다. 하지만 이 색 조합은 차분하고 빈티지한 감성이 강해 고주사율 디스플레이, 그래픽카드 성능, e스포츠 장비 같은 키워드의 역동성을 충분히 보여주기 어렵습니다. 빠른 속도와 하이테크 이미지를 전달하려면 네온 그린, 일렉트릭 블루, 강한 블랙 조합이 더 적합합니다.
  • 어린이 물놀이 튜브 패키지 — 어린이 물놀이 튜브는 밝고 경쾌한 여름 분위기, 안전한 키즈용품, 수영장 장난감 이미지를 빠르게 전달해야 합니다. 짙은 크렌베리와 브라운 톤은 계절감이 가을·겨울에 가까워 시원함과 활동성을 약하게 만들 수 있습니다. 유아 튜브, 비치볼, 물놀이 장난감 패키지에는 아쿠아 블루, 옐로, 코랄, 민트처럼 명랑한 색상이 구매 전환에 더 유리합니다.
  • 친환경 채소 배송 박스 — 친환경 채소 배송 박스는 신선한 농산물, 유기농 식재료, 산지 직송 서비스 이미지를 명확히 보여줘야 합니다. 붉은 브라운 계열은 자연스러운 흙 느낌을 줄 수 있으나, 전체적으로 무겁고 건조해 보여 싱싱한 채소의 생동감을 표현하기에는 부족합니다. 로컬푸드, 샐러드 채소, 새벽배송 브랜드에는 그린, 라임, 크림, 밝은 베이지 계열이 더 직관적입니다.
  • 피트니스 센터 신규 회원 모집 배너 — 피트니스 센터 배너는 에너지, 근력 운동, 다이어트 프로그램, 액티브 라이프스타일 이미지를 강하게 전달해야 합니다. 이 조합은 고요하고 감성적인 무드가 강해 운동 전후 변화, 강도 높은 트레이닝, 활력 있는 헬스장 홍보에는 다소 정적인 인상을 줄 수 있습니다. 신규 회원 이벤트나 PT 광고에는 레드, 오렌지, 블랙, 화이트처럼 명확하고 강렬한 색 대비가 더 효과적입니다.
  • 저가 항공권 프로모션 앱 배너 — 저가 항공권 프로모션 앱 배너는 즉시 예약, 특가 항공권, 여행 할인, 빠른 클릭 유도 같은 메시지가 중요합니다. 그러나 차분한 로즈 브라운과 그레이 톤은 긴급한 할인 행사보다 감성 여행 에세이나 부티크 호텔 이미지를 먼저 떠올리게 합니다. 항공권 세일, 타임딜, 해외여행 프로모션에는 선명한 블루, 옐로, 화이트, 오렌지 계열이 정보 전달력과 클릭률을 높이기 좋습니다.

팔레트가 주는 느낌

  • 딥 크렌베리와 로즈 브라운, 차분한 그레이 블루, 부드러운 웜 그레이가 어우러져 성숙하고 빈티지한 분위기를 만듭니다. 전체적으로 가을 저녁의 고요함, 클래식한 로맨스, 오래된 카페 골목 같은 감성이 느껴집니다. 붉은 계열은 따뜻한 정서와 감각적인 매력을 주고, 어두운 브라운 톤은 안정감과 깊이를 더합니다. 회색빛 블루와 라이트 그레이는 과한 달콤함을 눌러 세련된 균형을 완성합니다. 감성 브랜딩, 라이프스타일 패키지, 프리미엄 로컬 숍에 잘 어울리는 색 조합입니다.

WCAG Contrast

팔레트 색상 간 대비

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

Color 1

#D67483와 다른 색상의 대비

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

#D67483

Color 1 on Color 2

대비 샘플 텍스트

Text #D67483onBG #542023
AA Large
4.16:1큰 텍스트 AA 기준만 충족합니다.

Color 1 on Color 3

대비 샘플 텍스트

Text #D67483onBG #9BAAAB
Fail
1.31:1텍스트 대비 기준에 미달합니다.

Color 1 on Color 4

대비 샘플 텍스트

Text #D67483onBG #9D4A51
Fail
1.89:1텍스트 대비 기준에 미달합니다.

Color 1 on Color 5

대비 샘플 텍스트

Text #D67483onBG #E1DFDD
Fail
2.36:1텍스트 대비 기준에 미달합니다.

Color 2

#542023와 다른 색상의 대비

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

#542023

Color 2 on Color 1

대비 샘플 텍스트

Text #542023onBG #D67483
AA Large
4.16:1큰 텍스트 AA 기준만 충족합니다.

Color 2 on Color 3

대비 샘플 텍스트

Text #542023onBG #9BAAAB
AA
5.43:1일반 텍스트 AA 기준을 충족합니다.

Color 2 on Color 4

대비 샘플 텍스트

Text #542023onBG #9D4A51
Fail
2.20:1텍스트 대비 기준에 미달합니다.

Color 2 on Color 5

대비 샘플 텍스트

Text #542023onBG #E1DFDD
AAA
9.83:1일반 텍스트 AAA 기준을 충족합니다.

Color 3

#9BAAAB와 다른 색상의 대비

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

#9BAAAB

Color 3 on Color 1

대비 샘플 텍스트

Text #9BAAABonBG #D67483
Fail
1.31:1텍스트 대비 기준에 미달합니다.

Color 3 on Color 2

대비 샘플 텍스트

Text #9BAAABonBG #542023
AA
5.43:1일반 텍스트 AA 기준을 충족합니다.

Color 3 on Color 4

대비 샘플 텍스트

Text #9BAAABonBG #9D4A51
Fail
2.47:1텍스트 대비 기준에 미달합니다.

Color 3 on Color 5

대비 샘플 텍스트

Text #9BAAABonBG #E1DFDD
Fail
1.81:1텍스트 대비 기준에 미달합니다.

Color 4

#9D4A51와 다른 색상의 대비

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

#9D4A51

Color 4 on Color 1

대비 샘플 텍스트

Text #9D4A51onBG #D67483
Fail
1.89:1텍스트 대비 기준에 미달합니다.

Color 4 on Color 2

대비 샘플 텍스트

Text #9D4A51onBG #542023
Fail
2.20:1텍스트 대비 기준에 미달합니다.

Color 4 on Color 3

대비 샘플 텍스트

Text #9D4A51onBG #9BAAAB
Fail
2.47:1텍스트 대비 기준에 미달합니다.

Color 4 on Color 5

대비 샘플 텍스트

Text #9D4A51onBG #E1DFDD
AA Large
4.47:1큰 텍스트 AA 기준만 충족합니다.

Color 5

#E1DFDD와 다른 색상의 대비

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

#E1DFDD

Color 5 on Color 1

대비 샘플 텍스트

Text #E1DFDDonBG #D67483
Fail
2.36:1텍스트 대비 기준에 미달합니다.

Color 5 on Color 2

대비 샘플 텍스트

Text #E1DFDDonBG #542023
AAA
9.83:1일반 텍스트 AAA 기준을 충족합니다.

Color 5 on Color 3

대비 샘플 텍스트

Text #E1DFDDonBG #9BAAAB
Fail
1.81:1텍스트 대비 기준에 미달합니다.

Color 5 on Color 4

대비 샘플 텍스트

Text #E1DFDDonBG #9D4A51
AA Large
4.47: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

#D67483와 다른 색상의 대비

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

#D67483

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

인지 대비 샘플

Text #D67483onBG #542023
Lc 45+
-53 LcWCAG 4.16:1

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

인지 대비 샘플

Text #D67483onBG #9BAAAB
Low Lc
+16 LcWCAG 1.31:1

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

인지 대비 샘플

Text #D67483onBG #9D4A51
Low Lc
-27 LcWCAG 1.89:1

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

인지 대비 샘플

Text #D67483onBG #E1DFDD
Lc 45+
+58 LcWCAG 2.36:1

Color 2

#542023와 다른 색상의 대비

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

#542023

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

인지 대비 샘플

Text #542023onBG #D67483
Lc 45+
+58 LcWCAG 4.16:1

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

인지 대비 샘플

Text #542023onBG #9BAAAB
Lc 60+
+73 LcWCAG 5.43:1

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

인지 대비 샘플

Text #542023onBG #9D4A51
Low Lc
+29 LcWCAG 2.20:1

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

인지 대비 샘플

Text #542023onBG #E1DFDD
Lc 90+
+115 LcWCAG 9.83:1

Color 3

#9BAAAB와 다른 색상의 대비

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

#9BAAAB

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

인지 대비 샘플

Text #9BAAABonBG #D67483
Low Lc
-13 LcWCAG 1.31:1

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

인지 대비 샘플

Text #9BAAABonBG #542023
Lc 60+
-69 LcWCAG 5.43:1

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

인지 대비 샘플

Text #9BAAABonBG #9D4A51
Low Lc
-42 LcWCAG 2.47:1

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

인지 대비 샘플

Text #9BAAABonBG #E1DFDD
Low Lc
+43 LcWCAG 1.81:1

Color 4

#9D4A51와 다른 색상의 대비

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

#9D4A51

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

인지 대비 샘플

Text #9D4A51onBG #D67483
Low Lc
+30 LcWCAG 1.89:1

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

인지 대비 샘플

Text #9D4A51onBG #542023
Low Lc
-24 LcWCAG 2.20:1

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

인지 대비 샘플

Text #9D4A51onBG #9BAAAB
Lc 45+
+45 LcWCAG 2.47:1

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

인지 대비 샘플

Text #9D4A51onBG #E1DFDD
Lc 75+
+87 LcWCAG 4.47:1

Color 5

#E1DFDD와 다른 색상의 대비

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

#E1DFDD

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

인지 대비 샘플

Text #E1DFDDonBG #D67483
Lc 45+
-59 LcWCAG 2.36:1

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

인지 대비 샘플

Text #E1DFDDonBG #542023
Lc 90+
-114 LcWCAG 9.83:1

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

인지 대비 샘플

Text #E1DFDDonBG #9BAAAB
Low Lc
-43 LcWCAG 1.81:1

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

인지 대비 샘플

Text #E1DFDDonBG #9D4A51
Lc 75+
-88 LcWCAG 4.47:1

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

More Palettes

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

모든 팔레트 보기 →

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

Berry Chocolate Mousse

5 colors
  • #FA9B9B
  • #2E1414
  • #CA1418
  • #F6F6F5
  • #884C44

The Roaring Volcano

5 colors
  • #BD542E
  • #111217
  • #663630
  • #353742
  • #F7D683

Purple Line

5 colors
  • #BD6FE8
  • #040407
  • #5E199E
  • #2B0C59
  • #F2D7F8

Violet Black Gallery

5 colors
  • #E8E7E6
  • #B805FA
  • #141014
  • #675E66
  • #7A5582