Color 1 on Color 2
대비 샘플 텍스트
Text #4AB7A5onBG #BBC2A0
Fail1.32:1텍스트 대비 기준에 미달합니다.
Palette Detail
The Glow Forest
추천 분야와 이유
- 비건 수분 세럼 패키지 — 터쿼이즈 그린과 블루 톤은 비건 수분 세럼, 진정 세럼, 민감성 피부 스킨케어의 촉촉하고 깨끗한 이미지를 직관적으로 전달합니다. 세이지 베이지는 자연 유래 성분과 순한 사용감을 보완하고, 딥 그린은 프리미엄 비건 뷰티 브랜드의 안정감을 더합니다. 수분 케어와 클린 뷰티 키워드에 적합합니다.
- 식물 정기구독 앱 화면 — 포레스트 그린과 세이지 톤은 식물 정기구독, 반려식물 배송, 플랜테리어 앱 화면에서 자연스럽고 신뢰감 있는 분위기를 만듭니다. 밝은 그린은 새잎과 성장의 이미지를 주고, 블루 포인트는 구독 관리와 배송 알림 UI를 깔끔하게 정리합니다. 실내 식물 추천, 화분 배송 키워드와 잘 맞습니다.
- 친환경 세탁세제 리필 파우치 — 그린과 블루 계열은 친환경 세탁세제, 리필 파우치, 제로웨이스트 생활용품에서 깨끗한 세정감과 지속가능한 이미지를 함께 보여 줍니다. 세이지 베이지는 재활용 소재 패키지와 잘 어울리고, 딥 그린은 성분 정보와 브랜드 로고를 안정적으로 받쳐 줍니다. 에코 세제와 플라스틱 프리 키워드에 적합합니다.
- 공기질 모니터링 IoT 대시보드 — 블루와 그린 조합은 공기질 모니터링, IoT 센서, 스마트홈 대시보드에서 청정함과 기술적 신뢰감을 동시에 전달합니다. 밝은 터쿼이즈는 정상 상태와 개선 알림을 직관적으로 보여 주고, 어두운 배경색은 수치, 그래프, 필터 상태의 가독성을 높입니다. 실내 공기 관리 키워드에 적합합니다.
- 숲속 글램핑 예약 페이지 — 터쿼이즈와 포레스트 그린은 숲속 글램핑, 호수 캠핑장, 감성 숙소 예약 페이지에서 자연 속 휴식과 물가의 청량함을 잘 표현합니다. 어두운 그린 블랙은 야간 캠핑 사진과 예약 버튼을 선명하게 보여 주고, 세이지 베이지는 객실 안내와 가격 정보를 편안하게 받쳐 줍니다. 힐링 여행 키워드에 어울립니다.
비추천 분야와 이유
- 매운 마라탕 밀키트 패키지 — 매운 마라탕 밀키트는 레드, 오렌지, 블랙처럼 뜨거운 국물과 강한 향신료를 떠올리게 하는 색이 효과적입니다. 이 색 조합은 숲, 물, 세정감이 먼저 느껴져 마라탕, 훠궈 소스, 매운 밀키트 키워드에 필요한 자극적인 식욕과 불맛 이미지를 충분히 전달하기 어렵습니다.
- 럭셔리 주얼리 웨딩 반지 배너 — 웨딩 반지 배너는 다이아몬드 광채, 순백 드레스, 골드 금속, 로맨틱한 예식 이미지를 섬세하게 보여 주어야 합니다. 이 팔레트는 자연 친화적이고 기능적인 인상이 강해 럭셔리 주얼리, 결혼반지, 프로포즈 링 키워드의 화려함과 반짝임을 약하게 만들 수 있습니다.
- 키즈 캔디 봉투 디자인 — 키즈 캔디 봉투는 과일맛, 달콤함, 귀여운 캐릭터, 충동구매를 유도하는 밝은 원색이 중요합니다. 이 색상들은 차분한 식물과 물 이미지를 떠올리게 하므로 어린이 간식, 젤리 캔디, 사탕 패키지에 필요한 장난기와 즉각적인 재미가 부족해 보일 수 있습니다.
- 장례식장 조문 안내 카드 — 장례식장 조문 안내 카드는 절제, 정중함, 차분한 정보 전달이 중요합니다. 그린과 터쿼이즈의 생기 있는 느낌은 추모 안내, 빈소 위치, 조문 예절 콘텐츠에서 다소 밝고 생활용품처럼 보일 수 있습니다. 장례 서비스와 부고 안내에는 저채도 그레이나 네이비가 더 적합합니다.
- 딸기 생크림 케이크 예약 배너 — 딸기 생크림 케이크 예약 배너는 신선한 딸기, 달콤한 크림, 기념일 디저트의 맛있는 색감을 직접적으로 보여 주어야 합니다. 이 팔레트는 블루 그린 중심이라 식욕보다 청결과 자연 이미지를 먼저 전달합니다. 베이커리 예약, 홀케이크, 생일 케이크 홍보에는 맛 표현이 약합니다.
팔레트가 주는 느낌
- 밝은 터쿼이즈 그린이 생기 있는 첫인상을 만들고, 딥 그린 블랙이 전체 분위기를 단단하게 잡아 주는 팔레트입니다. 세이지 베이지와 포레스트 그린은 자연 소재와 식물의 차분함을 더하고, 블루 톤은 물과 디지털 화면의 신뢰감을 함께 전달합니다. 전체적으로 숲속 호수, 친환경 테크, 수분감 있는 스킨케어, 식물 인테리어가 떠오릅니다. 산뜻하지만 가볍지 않고, 깨끗하지만 차갑게만 보이지 않아 자연 친화성과 현대적인 기능성을 함께 보여 주기 좋습니다.
WCAG Contrast
팔레트 색상 간 대비
각 색상을 텍스트 색상으로, 나머지 색상을 배경색으로 보았을 때의 WCAG 대비율입니다. AA는 4.5:1 이상, AAA는 7:1 이상을 의미합니다.
Color 1
#4AB7A5와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 1 on Color 3
대비 샘플 텍스트
Text #4AB7A5onBG #091817
AAA7.46:1일반 텍스트 AAA 기준을 충족합니다.
Color 1 on Color 4
대비 샘플 텍스트
Text #4AB7A5onBG #366C5C
Fail2.49:1텍스트 대비 기준에 미달합니다.
Color 1 on Color 5
대비 샘플 텍스트
Text #4AB7A5onBG #4376A2
Fail1.98:1텍스트 대비 기준에 미달합니다.
Color 2
#BBC2A0와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 2 on Color 1
대비 샘플 텍스트
Text #BBC2A0onBG #4AB7A5
Fail1.32:1텍스트 대비 기준에 미달합니다.
Color 2 on Color 3
대비 샘플 텍스트
Text #BBC2A0onBG #091817
AAA9.82:1일반 텍스트 AAA 기준을 충족합니다.
Color 2 on Color 4
대비 샘플 텍스트
Text #BBC2A0onBG #366C5C
AA Large3.28:1큰 텍스트 AA 기준만 충족합니다.
Color 2 on Color 5
대비 샘플 텍스트
Text #BBC2A0onBG #4376A2
Fail2.61:1텍스트 대비 기준에 미달합니다.
Color 3
#091817와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 3 on Color 1
대비 샘플 텍스트
Text #091817onBG #4AB7A5
AAA7.46:1일반 텍스트 AAA 기준을 충족합니다.
Color 3 on Color 2
대비 샘플 텍스트
Text #091817onBG #BBC2A0
AAA9.82:1일반 텍스트 AAA 기준을 충족합니다.
Color 3 on Color 4
대비 샘플 텍스트
Text #091817onBG #366C5C
Fail2.99:1텍스트 대비 기준에 미달합니다.
Color 3 on Color 5
대비 샘플 텍스트
Text #091817onBG #4376A2
AA Large3.77:1큰 텍스트 AA 기준만 충족합니다.
Color 4
#366C5C와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 4 on Color 1
대비 샘플 텍스트
Text #366C5ConBG #4AB7A5
Fail2.49:1텍스트 대비 기준에 미달합니다.
Color 4 on Color 2
대비 샘플 텍스트
Text #366C5ConBG #BBC2A0
AA Large3.28:1큰 텍스트 AA 기준만 충족합니다.
Color 4 on Color 3
대비 샘플 텍스트
Text #366C5ConBG #091817
Fail2.99:1텍스트 대비 기준에 미달합니다.
Color 4 on Color 5
대비 샘플 텍스트
Text #366C5ConBG #4376A2
Fail1.26:1텍스트 대비 기준에 미달합니다.
Color 5
#4376A2와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 5 on Color 1
대비 샘플 텍스트
Text #4376A2onBG #4AB7A5
Fail1.98:1텍스트 대비 기준에 미달합니다.
Color 5 on Color 2
대비 샘플 텍스트
Text #4376A2onBG #BBC2A0
Fail2.61:1텍스트 대비 기준에 미달합니다.
Color 5 on Color 3
대비 샘플 텍스트
Text #4376A2onBG #091817
AA Large3.77:1큰 텍스트 AA 기준만 충족합니다.
Color 5 on Color 4
대비 샘플 텍스트
Text #4376A2onBG #366C5C
Fail1.26: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
#4AB7A5와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #4AB7A5onBG #BBC2A0
Low Lc+19 LcWCAG 1.32:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #4AB7A5onBG #091817
Lc 75+-78 LcWCAG 7.46:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #4AB7A5onBG #366C5C
Low Lc-42 LcWCAG 2.49:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #4AB7A5onBG #4376A2
Low Lc-33 LcWCAG 1.98:1
Color 2
#BBC2A0와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #BBC2A0onBG #4AB7A5
Low Lc-16 LcWCAG 1.32:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #BBC2A0onBG #091817
Lc 90+-97 LcWCAG 9.82:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #BBC2A0onBG #366C5C
Lc 60+-61 LcWCAG 3.28:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #BBC2A0onBG #4376A2
Lc 45+-52 LcWCAG 2.61:1
Color 3
#091817와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #091817onBG #4AB7A5
Lc 75++84 LcWCAG 7.46:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #091817onBG #BBC2A0
Lc 90++102 LcWCAG 9.82:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #091817onBG #366C5C
Low Lc+40 LcWCAG 2.99:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #091817onBG #4376A2
Lc 45++49 LcWCAG 3.77:1
Color 4
#366C5C와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #366C5ConBG #4AB7A5
Lc 45++45 LcWCAG 2.49:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #366C5ConBG #BBC2A0
Lc 60++63 LcWCAG 3.28:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #366C5ConBG #091817
Low Lc-33 LcWCAG 2.99:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #366C5ConBG #4376A2
Low Lc+11 LcWCAG 1.26:1
Color 5
#4376A2와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #4376A2onBG #4AB7A5
Low Lc+36 LcWCAG 1.98:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #4376A2onBG #BBC2A0
Lc 45++53 LcWCAG 2.61:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #4376A2onBG #091817
Low Lc-43 LcWCAG 3.77:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #4376A2onBG #366C5C
Low Lc-7 LcWCAG 1.26:1
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
More Palettes
다른 색상 팔레트도 둘러보기
현재 보고 있는 팔레트를 제외하고 랜덤으로 고른 4개의 팔레트입니다. 새로운 배색 아이디어가 필요할 때 함께 비교해 보세요.