Color 1 on Color 2
대비 샘플 텍스트
Text #FA9B9BonBG #2E1414
AAA8.34:1일반 텍스트 AAA 기준을 충족합니다.
팔레트 정보
Berry Chocolate Mousse
추천 분야와 이유
- 수제 초콜릿 및 디저트 브랜드 — 딥 브라운과 베리 색상이 달콤하고 깊은 풍미를 직관적으로 전달합니다. 카카오의 진한 쌉싸름함과 라즈베리의 상큼함이 시각적으로 교차하면서, 저가형 간식 브랜드가 아닌 장인이 만든 최고급 수제 디저트라는 인상을 심어주기에 최적의 조합입니다. 소비자의 미각과 시각을 동시에 자극하여 브랜드의 품격을 한층 더 높여줍니다
- 앤티크 가구 및 인테리어 — 붉은 벽돌과 잘 길들여진 가죽을 연상시키는 색조가 공간에 묵직한 안정감과 클래식한 멋을 더해줍니다. 오래될수록 가치를 더하는 목재 가구나 고풍스러운 소품들과 완벽한 조화를 이루며, 방문객에게 유럽의 오래된 서재나 아늑한 아지트에 들어온 듯한 깊은 심리적 편안함을 선사합니다. 톤 다운된 붉은 기운이 가구의 텍스처를 더욱 고급스럽게 강조해 주므로 고가구 브랜딩이나 중후한 매장 인테리어 컨셉에 훌륭하게 녹아듭니다.
- 가을·겨울 패션 룩북 — 말린 장미와 버건디 컬러가 계절 특유의 따뜻하면서도 깊이 있는 무드를 극대화해 줍니다. 찬 바람이 부는 계절에 어울리는 울, 캐시미어, 가죽 소재의 텍스처와 부드럽게 어우러지며, 가볍지 않고 진중하면서도 트렌디한 감각을 표현합니다. 세련된 도시 남녀의 성숙한 매력을 담아내기에 가장 이상적인 팔레트이며, 룩북의 배경이나 메인 의상 매치에 활용했을 때 강렬한 인상과 함께 차분하고 안정적인 계절감을 동시에 전달할 수 있습니다.
- 전통 가옥 및 한옥 게스트하우스 — 은은한 크림색과 흙을 닮은 브라운이 만나 예스러운 정취와 편안함을 동시에 자아냅니다. 현대적인 가벼운 색채를 배제하고 자연에서 온 듯한 깊은 색감을 활용함으로써, 오랜 세월을 버텨온 전통 가옥의 숨결을 그대로 전달합니다. 일상을 벗어나 휴식을 취하려는 투숙객들에게 고즈넉하고 아늑한 안식처의 느낌을 주며, 전통적인 미감에 현대적인 세련미를 한 스푼 더한 고급 독채 스테이 브랜딩에 어울리는 훌륭한 색조 조합입니다.
- 프리미엄 와인 바 — 숙성된 와인을 떠올리게 하는 색감이 매장의 격조와 감성적인 밤의 분위기를 완성해 줍니다. 은은한 조명 아래에서 이 팔레트의 붉은 톤들은 공간을 더욱 매혹적이고 비밀스럽게 만들어주며, 고객들이 와인의 맛과 향에 깊이 몰입할 수 있도록 돕습니다. 고급스러운 사교 공간이나 프라이빗한 바 비즈니스에 어울리며, 메뉴판이나 간판 등에 적용했을 때 특유의 몽환적이면서도 중후한 브랜드 이미지를 확고하게 구축할 수 있습니다.
비추천 분야와 이유
- 어린이 완구 및 아동복 — 톤이 낮고 진하여 아이들에게 필요한 발랄하고 역동적인 에너지를 전달하기에 너무 무겁습니다. 어린이 대상 브랜드는 보통 채도가 높은 원색이나 밝은 파스텔톤을 사용하여 호기심과 활력을 자극해야 합니다. 하지만 이 팔레트는 지나치게 어른스럽고 정적인 분위기가 강해 아이들에게 지루하거나 어둡다는 인상을 주기 쉽습니다. 따라서 호기심을 유발하고 긍정적인 신체 활동을 이끌어내야 하는 완구 패키지나 아동용 제품 디자인에는 부적합합니다.
- IT 및 첨단 테크 기업 — 따뜻하고 클래식한 색감이 첨단 기술이 지녀야 할 미래지향적이고 스마트한 이미지와 대비됩니다. 인공지능이나 소프트웨어, 가전테크 분야는 대개 신뢰감과 청결함, 미래적인 느낌을 주는 블루나 무채색 계열을 선호합니다. 반면 이 팔레트는 아날로그적이고 복고적인 감성이 짙어 테크 기업의 핵심인 신속함이나 혁신성을 보여주기 어렵고, 자칫 브랜드가 정체되어 있거나 구시대적이라는 인상을 소비자에게 심어줄 위험이 있습니다.
- 이온 음료 및 생수 브랜드 — 청량감과 시원함을 강조해야 하는 분야에 붉은 톤은 오히려 갈증을 연상시켜 부적절합니다. 수분 보충과 극강의 시원함을 직관적으로 보여주어야 하는 음료 패키지에 텁텁하고 따뜻한 브라운과 버건디를 사용하면 제품의 본질이 왜곡될 수 있습니다. 얼음처럼 차갑고 깨끗한 이미지를 원하는 소비자에게 매력적으로 다가가기 힘듭니다. 시각적인 청량함이 매출과 직결되는 제품군인 만큼, 따뜻한 온도를 지닌 이 팔레트는 피하는 것이 좋습니다.
- 여름 스포츠 및 아웃도어 — 가을의 정적인 무게감이 강하여 활동적이고 땀 흘리는 액티브한 이미지를 표현하기에 무리가 있습니다. 여름 스포츠는 한계를 극복하는 열정과 역동성, 혹은 시원한 야외 활동의 해방감을 보여주어야 합니다. 하지만 이 조합은 시각적인 온도가 너무 높고 정체된 느낌을 주어, 스포츠 웨어나 익스트림 아웃도어 브랜드가 가진 에너지와 충돌합니다. 시원하고 경쾌한 기능성을 강조해야 하는 아웃도어 의류 시장에서 선택하기엔 무거운 색조입니다.
- 치과 및 의료 기관 — 붉은 피를 연상시킬 수 있는 크림슨과 버건디 컬러가 환자에게 심리적 공포를 유발할 수 있습니다. 병원 인테리어나 브랜딩은 환자의 긴장을 완화하고 위생적인 느낌을 주는 화이트, 그린, 라이트 블루 계열이 적합합니다. 이 팔레트의 진한 붉은색들은 수술이나 통증 등의 부정적인 연상을 강하게 자극하여 안 그래도 높은 환자의 불안감을 증폭시킬 위험이 있습니다. 신뢰와 안정을 최우선으로 해야 하는 의료 공간에는 치명적입니다.
팔레트가 주는 느낌
- 이 팔레트는 깊고 진한 버건디와 딥 브라운이 중심을 단단히 잡아주어 고혹적이면서도 차분한 분위기를 자아냅니다. 여기에 화사한 핑크와 깔끔한 크림색이 부드럽게 스며들어 답답함을 해소하고 세련된 시각적 균형감을 완성합니다. 전체적으로 따뜻하면서도 성숙한 에너지를 전달하며, 클래식한 고급스러움과 함께 가을의 쓸쓸하면서도 낭만적인 정취를 동시에 느끼게 만드는 깊이 있는 색조 조합입니다.
WCAG 대비
팔레트 색상 간 대비
각 색상을 텍스트 색상으로, 나머지 색상을 배경색으로 보았을 때의 WCAG 대비율입니다. AA는 4.5:1 이상, AAA는 7:1 이상을 의미합니다.
Color 1
#FA9B9B와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 1 on Color 3
대비 샘플 텍스트
Text #FA9B9BonBG #CA1418
Fail2.82:1텍스트 대비 기준에 미달합니다.
Color 1 on Color 4
대비 샘플 텍스트
Text #FA9B9BonBG #F6F6F5
Fail1.90:1텍스트 대비 기준에 미달합니다.
Color 1 on Color 5
대비 샘플 텍스트
Text #FA9B9BonBG #884C44
AA Large3.23:1큰 텍스트 AA 기준만 충족합니다.
Color 2
#2E1414와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 2 on Color 1
대비 샘플 텍스트
Text #2E1414onBG #FA9B9B
AAA8.34:1일반 텍스트 AAA 기준을 충족합니다.
Color 2 on Color 3
대비 샘플 텍스트
Text #2E1414onBG #CA1418
Fail2.96:1텍스트 대비 기준에 미달합니다.
Color 2 on Color 4
대비 샘플 텍스트
Text #2E1414onBG #F6F6F5
AAA15.84:1일반 텍스트 AAA 기준을 충족합니다.
Color 2 on Color 5
대비 샘플 텍스트
Text #2E1414onBG #884C44
Fail2.58:1텍스트 대비 기준에 미달합니다.
Color 3
#CA1418와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 3 on Color 1
대비 샘플 텍스트
Text #CA1418onBG #FA9B9B
Fail2.82:1텍스트 대비 기준에 미달합니다.
Color 3 on Color 2
대비 샘플 텍스트
Text #CA1418onBG #2E1414
Fail2.96:1텍스트 대비 기준에 미달합니다.
Color 3 on Color 4
대비 샘플 텍스트
Text #CA1418onBG #F6F6F5
AA5.36:1일반 텍스트 AA 기준을 충족합니다.
Color 3 on Color 5
대비 샘플 텍스트
Text #CA1418onBG #884C44
Fail1.15:1텍스트 대비 기준에 미달합니다.
Color 4
#F6F6F5와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 4 on Color 1
대비 샘플 텍스트
Text #F6F6F5onBG #FA9B9B
Fail1.90:1텍스트 대비 기준에 미달합니다.
Color 4 on Color 2
대비 샘플 텍스트
Text #F6F6F5onBG #2E1414
AAA15.84:1일반 텍스트 AAA 기준을 충족합니다.
Color 4 on Color 3
대비 샘플 텍스트
Text #F6F6F5onBG #CA1418
AA5.36:1일반 텍스트 AA 기준을 충족합니다.
Color 4 on Color 5
대비 샘플 텍스트
Text #F6F6F5onBG #884C44
AA6.14:1일반 텍스트 AA 기준을 충족합니다.
Color 5
#884C44와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 5 on Color 1
대비 샘플 텍스트
Text #884C44onBG #FA9B9B
AA Large3.23:1큰 텍스트 AA 기준만 충족합니다.
Color 5 on Color 2
대비 샘플 텍스트
Text #884C44onBG #2E1414
Fail2.58:1텍스트 대비 기준에 미달합니다.
Color 5 on Color 3
대비 샘플 텍스트
Text #884C44onBG #CA1418
Fail1.15:1텍스트 대비 기준에 미달합니다.
Color 5 on Color 4
대비 샘플 텍스트
Text #884C44onBG #F6F6F5
AA6.14:1일반 텍스트 AA 기준을 충족합니다.
APCA 대비
인지 대비 기반 가독성 분석
APCA(Advanced Perceptual Contrast Algorithm)는 WCAG 2.0의 단순 대비율을 보완해 사람 눈이 느끼는 휘도, 밝은 배경·어두운 배경의 순응 상태, 텍스트 크기별 권장 용도를 함께 해석합니다.
핵심 계산 공식
어두운 글자 + 밝은 배경: Lc = ((Ybg^0.56 - Ytxt^0.57) × 1.14 - 0.027) × 100
밝은 글자 + 어두운 배경: Lc = ((Ybg^0.65 - Ytxt^0.62) × 1.14 + 0.027) × 100
Y 값은 RGB 채널에 2.4 TRC와 시각 가중치를 적용한 휘도이며, 저휘도 구간에는 soft clamp를 적용하고 ±0.1 미만의 낮은 대비는 0으로 클립합니다.
실무 적용 가이드
- |Lc| ≥ 90
- 매우 안정적인 본문/소형 텍스트에 적합합니다. 12px~14px 수준의 작은 텍스트, 얇은 글씨, 긴 본문처럼 오래 읽어야 하는 콘텐츠에 권장됩니다. 도움말, 약관, 설명문, 문서형 콘텐츠처럼 사용자가 정확히 읽어야 하는 텍스트라면 이 구간이 가장 안전합니다.
- |Lc| ≥ 75
- 일반 본문에 권장되는 안정적인 대비입니다. 16px 전후의 본문, 문단 텍스트, 주요 설명 텍스트에 적합합니다. 웹사이트 본문, 상품 설명, 서비스 소개문, 카드 설명문처럼 일반적인 콘텐츠 텍스트는 가능하면 이 기준 이상을 목표로 잡는 것이 좋습니다.
- |Lc| ≥ 60
- 짧은 UI 텍스트의 최소 권장 수준입니다. 버튼 라벨, 탭, 메뉴, 폼 라벨, 짧은 안내 문구처럼 빠르게 읽고 지나가는 텍스트에 사용할 수 있습니다. 다만 긴 본문 전체를 이 수준으로 구성하면 가독성이 부족할 수 있으므로, 본문에는 보수적으로 |Lc| 75 이상을 권장합니다.
- |Lc| ≥ 45
- 큰 글자, 굵은 글자, 아이콘에 제한적으로 사용할 수 있는 수준입니다. 24px 이상 굵은 제목, 36px 이상 일반 제목, 큰 버튼, 정보성 아이콘처럼 크기나 두께가 충분한 요소에 적합합니다. 작은 본문이나 중요한 안내 문구에는 부족할 수 있으므로 제한적으로 사용하는 것이 좋습니다.
- |Lc| ≥ 30
- 보조·비활성·플레이스홀더 수준입니다. placeholder, disabled text, 장식성 보조 텍스트처럼 중요도가 낮은 요소에만 사용하는 것이 좋습니다. 가격, 오류 메시지, 경고문, CTA 버튼처럼 사용자가 반드시 읽어야 하는 정보에는 권장하지 않습니다.
- |Lc| < 30
- 텍스트 용도로는 비추천합니다. 가독성이 낮기 때문에 본문, 버튼, 메뉴, 안내 문구에는 사용하지 않는 것이 좋습니다. 장식 배경, 구분선, 비핵심 그래픽처럼 읽을 필요가 없는 시각 요소에만 사용하는 것이 적절합니다.
Color 1
#FA9B9B와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #FA9B9BonBG #2E1414
|Lc| 60+-61 LcWCAG 8.34:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #FA9B9BonBG #CA1418
|Lc| 30+-37 LcWCAG 2.82:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #FA9B9BonBG #F6F6F5
|Lc| 30++34 LcWCAG 1.90:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #FA9B9BonBG #884C44
|Lc| 30+-42 LcWCAG 3.23:1
Color 2
#2E1414와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #2E1414onBG #FA9B9B
|Lc| 60++62 LcWCAG 8.34:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #2E1414onBG #CA1418
|Lc| < 30+25 LcWCAG 2.96:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #2E1414onBG #F6F6F5
|Lc| 90++98 LcWCAG 15.84:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #2E1414onBG #884C44
|Lc| < 30+19 LcWCAG 2.58:1
Color 3
#CA1418와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #CA1418onBG #FA9B9B
|Lc| 30++35 LcWCAG 2.82:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #CA1418onBG #2E1414
|Lc| < 30-23 LcWCAG 2.96:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #CA1418onBG #F6F6F5
|Lc| 60++71 LcWCAG 5.36:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #CA1418onBG #884C44
|Lc| < 30+0 LcWCAG 1.15:1
Color 4
#F6F6F5와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #F6F6F5onBG #FA9B9B
|Lc| 30+-38 LcWCAG 1.90:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #F6F6F5onBG #2E1414
|Lc| 90+-100 LcWCAG 15.84:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #F6F6F5onBG #CA1418
|Lc| 75+-76 LcWCAG 5.36:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #F6F6F5onBG #884C44
|Lc| 75+-82 LcWCAG 6.14:1
Color 5
#884C44와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #884C44onBG #FA9B9B
|Lc| 30++41 LcWCAG 3.23:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #884C44onBG #2E1414
|Lc| < 30-18 LcWCAG 2.58:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #884C44onBG #CA1418
|Lc| < 30+0 LcWCAG 1.15:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #884C44onBG #F6F6F5
|Lc| 75++77 LcWCAG 6.14:1
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
More Palettes
다른 색상 팔레트도 둘러보기
현재 보고 있는 팔레트를 제외하고 랜덤으로 고른 4개의 팔레트입니다. 새로운 배색 아이디어가 필요할 때 함께 비교해 보세요.