Color 1 on Color 2
대비 샘플 텍스트
Text #DB1C16onBG #F9F0EE
AA Large4.47:1큰 텍스트 AA 기준만 충족합니다.
Palette Detail
Cherry Porcelain Box
추천 분야와 이유
- 발렌타인데이 초콜릿 선물 상자 — 체리 레드와 크림 화이트는 발렌타인데이 초콜릿, 수제 초콜릿, 커플 선물 패키지에 필요한 로맨틱한 첫인상을 선명하게 만듭니다. 딥 와인 톤은 고급 디저트 브랜드의 깊이를 더하고, 로즈 컬러는 리본과 포장지의 부드러운 감성을 살립니다. 시즌 한정 선물세트와 온라인 기획전 썸네일에 적합합니다.
- 레드 립스틱 상세 페이지 — 선명한 레드와 와인 계열은 레드 립스틱, 벨벳 립, 고발색 메이크업 제품의 컬러 존재감을 직접적으로 보여 줍니다. 크림 톤은 피부 표현과 제품 컷을 깨끗하게 받쳐 주고, 더스티 로즈는 데일리 메이크업부터 포인트 메이크업까지 연결하기 좋습니다. 뷰티 쇼핑몰 상세 페이지에 잘 어울립니다.
- 웨딩 청첩장 봉투 디자인 — 크림 화이트와 로즈 톤은 웨딩 청첩장, 결혼식 초대장, 답례 카드에 필요한 부드럽고 정중한 분위기를 만듭니다. 레드 포인트는 하트, 실링 왁스, 리본 장식에 사용하기 좋고, 와인 컬러는 고급 예식장과 클래식 웨딩 이미지를 보완합니다. 로맨틱 웨딩 디자인 키워드에 적합합니다.
- 딸기 케이크 예약 배너 — 레드와 크림 조합은 딸기 케이크, 생크림 케이크, 홀케이크 예약 배너에서 맛과 비주얼을 즉시 전달합니다. 붉은 색상은 신선한 딸기와 시즌 디저트를 떠올리게 하고, 부드러운 화이트는 생크림의 깨끗한 질감을 강조합니다. 베이커리 예약, 크리스마스 케이크, 기념일 케이크 홍보에 효과적입니다.
- 로즈 핸드크림 패키지 — 더스티 로즈와 크림 톤은 로즈 핸드크림, 보습 핸드크림, 향기 선물세트의 부드러운 사용감을 잘 표현합니다. 선명한 레드는 매대와 온라인 썸네일에서 주목도를 높이고, 와인 톤은 저렴해 보이지 않는 프리미엄 이미지를 더합니다. 뷰티 선물, 여성 선물, 겨울 보습 키워드에 잘 맞습니다.
비추천 분야와 이유
- 남성 등산화 상세 페이지 — 남성 등산화 상세 페이지는 접지력, 방수 기능, 내구성, 산악 활동 이미지를 강조해야 합니다. 이 색 조합은 리본, 장미, 디저트 같은 로맨틱한 인상이 강해 트레킹화, 하이킹화, 아웃도어 신발 키워드와 연결되는 거친 기능성과 안정감을 충분히 전달하기 어렵습니다.
- 치과 스케일링 예약 페이지 — 치과 스케일링 예약 페이지는 청결함, 의료 신뢰감, 통증 완화, 예방 진료 이미지를 분명하게 보여 주어야 합니다. 강한 레드 계열은 의료 화면에서 경고, 출혈, 긴장감을 떠올리게 할 수 있습니다. 구강검진, 치아 미백, 치과 예약 전환에는 블루나 민트 계열이 더 안정적으로 보입니다.
- 해산물 냉동식품 패키지 — 해산물 냉동식품 패키지는 신선도, 차가운 보관, 바다 원물, 위생적인 이미지를 강조하는 블루와 실버 계열이 효과적입니다. 이 팔레트는 딸기, 초콜릿, 립스틱을 먼저 떠올리게 하므로 냉동 새우, 연어 필렛, 오징어 제품의 청량한 신선함을 직관적으로 전달하기 어렵습니다.
- 명상 수면 앱 온보딩 화면 — 명상 수면 앱 온보딩 화면은 호흡, 안정, 숙면, 마음 관리 키워드와 연결되는 낮은 자극의 색감이 중요합니다. 선명한 레드는 클릭 유도에는 좋지만 긴장을 낮추는 화면에서는 시각적 에너지가 강하게 느껴집니다. 수면 루틴, ASMR, 마음챙김 앱에는 다소 자극적으로 보일 수 있습니다.
- 기업용 보안 솔루션 대시보드 — 기업용 보안 솔루션 대시보드는 신뢰감, 시스템 안정성, 위협 탐지, 실시간 모니터링 정보를 명확히 전달해야 합니다. 레드 중심 색상은 보안 경고와 오류 상태를 연상시키기 쉬워 기본 UI 컬러로 쓰면 피로감이 커질 수 있습니다. B2B SaaS 대시보드에는 차분한 블루 그레이가 더 적합합니다.
팔레트가 주는 느낌
- 선명한 체리 레드가 강한 시선을 만들고, 크림 화이트가 전체를 깨끗하고 부드럽게 정리하는 팔레트입니다. 딥 와인 레드와 더스티 로즈 톤이 함께 들어가 단순히 밝고 귀여운 느낌보다 성숙하고 정돈된 인상을 줍니다. 장미, 리본, 선물 상자, 립스틱, 디저트 패키지가 떠오르며, 사랑스럽지만 과하게 가볍지 않습니다. 온라인 배너에서는 클릭을 유도하기 좋고, 오프라인 상품에서는 선물용, 한정판, 로맨틱한 시즌 프로모션 이미지를 강하게 전달합니다.
WCAG Contrast
팔레트 색상 간 대비
각 색상을 텍스트 색상으로, 나머지 색상을 배경색으로 보았을 때의 WCAG 대비율입니다. AA는 4.5:1 이상, AAA는 7:1 이상을 의미합니다.
Color 1
#DB1C16와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 1 on Color 3
대비 샘플 텍스트
Text #DB1C16onBG #7A2327
Fail2.00:1텍스트 대비 기준에 미달합니다.
Color 1 on Color 4
대비 샘플 텍스트
Text #DB1C16onBG #AA6D6D
Fail1.22:1텍스트 대비 기준에 미달합니다.
Color 1 on Color 5
대비 샘플 텍스트
Text #DB1C16onBG #C48A8D
Fail1.76:1텍스트 대비 기준에 미달합니다.
Color 2
#F9F0EE와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 2 on Color 1
대비 샘플 텍스트
Text #F9F0EEonBG #DB1C16
AA Large4.47:1큰 텍스트 AA 기준만 충족합니다.
Color 2 on Color 3
대비 샘플 텍스트
Text #F9F0EEonBG #7A2327
AAA8.93:1일반 텍스트 AAA 기준을 충족합니다.
Color 2 on Color 4
대비 샘플 텍스트
Text #F9F0EEonBG #AA6D6D
AA Large3.66:1큰 텍스트 AA 기준만 충족합니다.
Color 2 on Color 5
대비 샘플 텍스트
Text #F9F0EEonBG #C48A8D
Fail2.54:1텍스트 대비 기준에 미달합니다.
Color 3
#7A2327와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 3 on Color 1
대비 샘플 텍스트
Text #7A2327onBG #DB1C16
Fail2.00:1텍스트 대비 기준에 미달합니다.
Color 3 on Color 2
대비 샘플 텍스트
Text #7A2327onBG #F9F0EE
AAA8.93:1일반 텍스트 AAA 기준을 충족합니다.
Color 3 on Color 4
대비 샘플 텍스트
Text #7A2327onBG #AA6D6D
Fail2.44:1텍스트 대비 기준에 미달합니다.
Color 3 on Color 5
대비 샘플 텍스트
Text #7A2327onBG #C48A8D
AA Large3.51:1큰 텍스트 AA 기준만 충족합니다.
Color 4
#AA6D6D와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 4 on Color 1
대비 샘플 텍스트
Text #AA6D6DonBG #DB1C16
Fail1.22:1텍스트 대비 기준에 미달합니다.
Color 4 on Color 2
대비 샘플 텍스트
Text #AA6D6DonBG #F9F0EE
AA Large3.66:1큰 텍스트 AA 기준만 충족합니다.
Color 4 on Color 3
대비 샘플 텍스트
Text #AA6D6DonBG #7A2327
Fail2.44:1텍스트 대비 기준에 미달합니다.
Color 4 on Color 5
대비 샘플 텍스트
Text #AA6D6DonBG #C48A8D
Fail1.44:1텍스트 대비 기준에 미달합니다.
Color 5
#C48A8D와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 5 on Color 1
대비 샘플 텍스트
Text #C48A8DonBG #DB1C16
Fail1.76:1텍스트 대비 기준에 미달합니다.
Color 5 on Color 2
대비 샘플 텍스트
Text #C48A8DonBG #F9F0EE
Fail2.54:1텍스트 대비 기준에 미달합니다.
Color 5 on Color 3
대비 샘플 텍스트
Text #C48A8DonBG #7A2327
AA Large3.51:1큰 텍스트 AA 기준만 충족합니다.
Color 5 on Color 4
대비 샘플 텍스트
Text #C48A8DonBG #AA6D6D
Fail1.44:1텍스트 대비 기준에 미달합니다.
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
#DB1C16와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #DB1C16onBG #F9F0EE
Lc 90++94 LcWCAG 4.47:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #DB1C16onBG #7A2327
Low Lc-22 LcWCAG 2.00:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #DB1C16onBG #AA6D6D
Low Lc+10 LcWCAG 1.22:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #DB1C16onBG #C48A8D
Low Lc+28 LcWCAG 1.76:1
Color 2
#F9F0EE와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #F9F0EEonBG #DB1C16
Lc 90+-98 LcWCAG 4.47:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #F9F0EEonBG #7A2327
Lc 90+-123 LcWCAG 8.93:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #F9F0EEonBG #AA6D6D
Lc 75+-89 LcWCAG 3.66:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #F9F0EEonBG #C48A8D
Lc 60+-70 LcWCAG 2.54:1
Color 3
#7A2327와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #7A2327onBG #DB1C16
Low Lc+27 LcWCAG 2.00:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #7A2327onBG #F9F0EE
Lc 90++120 LcWCAG 8.93:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #7A2327onBG #AA6D6D
Low Lc+36 LcWCAG 2.44:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #7A2327onBG #C48A8D
Lc 45++54 LcWCAG 3.51:1
Color 4
#AA6D6D와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #AA6D6DonBG #DB1C16
Low Lc-6 LcWCAG 1.22:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #AA6D6DonBG #F9F0EE
Lc 75++86 LcWCAG 3.66:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #AA6D6DonBG #7A2327
Low Lc-31 LcWCAG 2.44:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #AA6D6DonBG #C48A8D
Low Lc+20 LcWCAG 1.44:1
Color 5
#C48A8D와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #C48A8DonBG #DB1C16
Low Lc-25 LcWCAG 1.76:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #C48A8DonBG #F9F0EE
Lc 60++67 LcWCAG 2.54:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #C48A8DonBG #7A2327
Lc 45+-50 LcWCAG 3.51:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #C48A8DonBG #AA6D6D
Low Lc-16 LcWCAG 1.44:1
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
More Palettes
다른 색상 팔레트도 둘러보기
현재 보고 있는 팔레트를 제외하고 랜덤으로 고른 4개의 팔레트입니다. 새로운 배색 아이디어가 필요할 때 함께 비교해 보세요.