#C19E96 밝은 주황

Q: #C19E96는 무슨 색인가요?

밝은 주황의 값은 #C19E96, 대문자로는 #C19E96. RGB는 rgb(193,158,150), HSL은 약 hsl(11 26% 67%), OKLCH는 oklch(0.729 0.043 33.1).

Q: 밝은 주황은 무엇을 상징하나요?

흔히 에너지, 따뜻함, 자신감, 약간의 의례성을 뜻한다. 지역 문화에 따라 해석이 달라지므로 맥락을 확인한다.

Q: 밝은 주황은 어디에 쓰이나요?

캠페인 랜딩 페이지, 잡지 표지 시스템, 제품 패키지 라벨, 대시보드 상태 표시, 매장 안내 표지에서 볼 수 있고 식품, 소매, 여행, 교육에서도 쓰인다.

Q: 밝은 주황과 잘 어울리는 색은?

차분한 중성, 같은 색상의 더 진한 단계, 금속 강조 하나가 잘 어울린다. 따뜻한 초점이 하나 필요한 지면; 유혹적이되 소란스럽지 않은 패키지; 가독성을 지켜야 하는 강조색이 필요한 인터페이스

Q: 밝은 주황은 기분에 어떤 영향을 주나요?

지각되는 에너지를 높이고 시선을 빠르게 끈다. 넓은 면적은 강하게 느껴져 강조로 쓰는 편이 안전하다.

Q: 밝은 주황을 쓰는 산업은?

식품, 소매, 여행, 교육에서 흔하며, 특히 따뜻한, 유쾌한, 친근한, 합리적, 활기찬 느낌을 원하는 브랜드에 맞는다.

Q: 밝은 주황의 역사는?

안료의 이력은 구체적이다. 주황은 열과 사회성 사이에 있어 네온보다 살구색이나 테라코타에 가깝다. 손으로 만든 느낌이 있고 넉넉하며 조금 캐주얼하다.

Q: 디자인에서 밝은 주황을 어떻게 쓰나요?

초점 요소를 하나만 두고 본문은 중성으로 유지하며, 흰색 대비 2.44, 검은색 대비 7.73를 확인한다.

Q: 밝은 주황은 접근성이 좋나요?

흰색 대비 2.44(FAIL), 검은색 대비 7.73(AAA). AA에 도달할 때만 큰 글자에 쓴다.

색 변환

CMYK profile: Coated FOGRA39 · 표기는 CSS Color 4와 WCAG 2.2 대비 규칙을 따른다.

이 색에 대하여

밝은 주황주황디지털 색상

미소를 부르는 온기

밝은 주황의 값은 #C19E96이며 주황 계열에 속하고 문화적 계보가 분명하다. 단독으로 보면 주황의 한 색이고, 디지털 색상의 맥락을 따라가면 의미가 한 겹 더해진다.

디자인 팁

먼저 밝은 주황(#C19E96)을 중성 표면 위에 올려 보라. 주황의 강조가 더해져야 장식이 아니라 의도로 읽힌다.

최적 용도

밝은 주황은 가장 먼저 눈에 들어와야 할 한 요소에만 쓰고, 나머지는 주황 배색이 받쳐 주게 한다.

따뜻한유쾌한친근한합리적활기찬

심리 효과

지각되는 방식

따뜻한유쾌한친근한합리적활기찬

심리적 효과

밝은 주황은 주황 화면의 에너지를 끌어올리고 시선을 행동으로 이끈다.

감정적 영향

직접적이고 따뜻한 인상이라 절제된 화면을 시끄럽지 않게 끌어올린다.

상징

무엇을 뜻하는가

친근함창의성경제성

문화적 의미

디지털 색상의 맥락에서는 지역 고유의 지시가 붙으므로 캠페인 전에 상징성을 확인한다.

긍정적 연상

긍정적 연상은 친근함, 창의성, 경제성 쪽으로 기울며, 초대장과 시즌 작업에 자주 등장하는 이유이기도 하다.

주의해서 사용

면적이 크면 넓은 면적에서는 값싸거나 소란스럽게 보인다로 읽히기 쉬우므로 강조와 작은 면적에만 쓴다.

활용 장면

대표적인 디자인 용도

캠페인 랜딩 페이지: 밝은 주황은 가장 먼저 눈에 들어와야 할 한 요소에만 쓰고, 나머지는 주황 배색이 받쳐 주게 한다.
잡지 표지 시스템: 밝은 주황은 가장 먼저 눈에 들어와야 할 한 요소에만 쓰고, 나머지는 주황 배색이 받쳐 주게 한다.
제품 패키지 라벨: 밝은 주황은 가장 먼저 눈에 들어와야 할 한 요소에만 쓰고, 나머지는 주황 배색이 받쳐 주게 한다.
대시보드 상태 표시: 밝은 주황은 가장 먼저 눈에 들어와야 할 한 요소에만 쓰고, 나머지는 주황 배색이 받쳐 주게 한다.
매장 안내 표지: 밝은 주황은 가장 먼저 눈에 들어와야 할 한 요소에만 쓰고, 나머지는 주황 배색이 받쳐 주게 한다.

디자인 지침

잘 쓰는 방법

권장

채도 높은 면적은 레이아웃의 20퍼센트 이하로 유지한다.
주요 행동 유도에만 쓰고 다른 곳에는 쓰지 않는다.
중성 배경에서 작은 크기 배색을 확인한다.

피할 것

형광 초록이나 전기 파랑과 나란히 두지 않는다.
흰 배경의 긴 본문에 쓰지 않는다.
색상이 다른 계열로 이동하는 그라디언트를 피한다.

브랜드 적합성

식품, 소매, 여행, 교육

평범한 사람, 익살꾼을 바탕에 둔 브랜드는 말보다 먼저 이 색으로 성격을 드러낸다.

트렌드 신호

미소를 부르는 온기

주황은 열과 사회성 사이에 있어 네온보다 살구색이나 테라코타에 가깝다. 손으로 만든 느낌이 있고 넉넉하며 조금 캐주얼하다.

배색

함께 어울리는 색

#89AFB8따뜻한 초점이 하나 필요한 지면 #896861가독성을 지켜야 하는 강조색이 필요한 인터페이스 #93B09B유혹적이되 소란스럽지 않은 패키지

역사

안료와 유래

합성 염료 이전에 밝은 주황은 광물과 식물 안료로 조합되었고, 주황 계열은 황토, 꼭두서니, 인디고 같은 재료에 의존했다. 지금의 화면은 어느 단일 안료보다 일관되게 재현한다.

변형

셰이드는 어둡게, 틴트는 밝게 가며 색상 각도는 그대로 유지한다.

전문가 팁: 셰이드는 어둡게, 틴트는 밝게 가며 색상 각도는 그대로 유지한다.

셰이드

같은 색상을 어둡게 만든 단계.

0% #C19E96 10% #AE8E87 20% #9A7E78 30% #876F69 40% #745F5A 50% #614F4B 60% #4D3F3C 70% #3A2F2D 80% #27201E 90% #13100F 100% #000000

틴트

표면과 배경에 쓰는 밝은 단계.

0% #C19E96 10% #C7A8A1 20% #CDB1AB 30% #D4BBB6 40% #DAC5C0 50% #E0CFCB 60% #E6D8D5 70% #ECE2E0 80% #F3ECEA 90% #F9F5F5 100% #FFFFFF

사용 사례

셰이드 → hover, shadows, depth
틴트 → highlights, surfaces
균형 → consistent color systems

디자인 요령

주도 색, 보조 색, 강조 색을 하나씩 둔다.

색 조합

명도를 고정한 채 색상환을 돌린다.

쓰는 방법

가독성과 의도를 지키는 세 가지 수칙.

효과의 이유

배색 뒤에 있는 지각적 근거.

보색

색상환의 반대편으로 대비를 통해 중심색을 선명하게 만든다.

#C19E96 #89AFB8

최적 용도: 행동 버튼과 단일 기능 강조

분할 보색

반대 색의 양옆 두 색으로 직접 보색보다 부드럽다.

#C19E96 #8AB1AA #90ABC1

최적 용도: 두 개의 강조색을 가진 균형 잡힌 마케팅 레이아웃

삼각 배색

세 색상을 같은 간격으로 배치해 생동감 있지만 주도색이 필요하다.

#C19E96 #93B09B #9EA6C3

최적 용도: 행사 아이덴티티와 유쾌한 지면

유사 배색

색상환에서 인접한 색으로 조용하고 일관되며 훑어보기 쉽다.

#C09CA4 #C19E96 #BCA28C

최적 용도: 배경, 차트, 차분한 제품 페이지

단색 배색

한 색상을 명도 단계로 써서 절제되고 고급스럽다.

#8B726C #C19E96 #D2B9B3

최적 용도: 디자인 시스템, 패키지, 타이포 위계

사각 배색

두 쌍의 보색으로 풍부하지만 엄격한 비율이 필요하다.

#C19E96 #B0A789 #89AFB8 #9EA6C3

최적 용도: 복잡한 대시보드와 다업종 브랜드

팔레트 내보내기

CSS

:root {
  --color-1: #745F5A;
  --color-2: #9A7E78;
  --color-3: #C19E96;
  --color-4: #CDB1AB;
  --color-5: #DAC5C0;
}

Tailwind

colors: {
  color1: '#745F5A',
  color2: '#9A7E78',
  color3: '#C19E96',
  color4: '#CDB1AB',
  color5: '#DAC5C0',
}

JSON

["#745F5A","#9A7E78","#C19E96","#CDB1AB","#DAC5C0"]

원칙

균형

주도 색, 보조 색, 강조 색을 하나씩 둔다.

대비

출시 전에 흰색과 검은색 모두로 본문을 검증한다.

조화

명도를 고정한 채 색상환을 돌린다.

대비 검사

출시 전에 흰색과 검은색 모두로 본문을 검증한다.

글자 색

배경 색

2.44 :1

FAIL

인용

밝은 주황은 가장 먼저 눈에 들어와야 할 한 요소에만 쓰고, 나머지는 주황 배색이 받쳐 주게 한다.

WCAG 대비

미리보기

Aa / Bb

#C19E96 · 밝은 주황

WCAG 대비 기준

WCAG 2.2는 텍스트와 UI 요소의 최소 대비를 정합니다. #C19E96는 흰색 대비 2.44:1(FAIL), 검정 대비 7.73:1(AAA)입니다. 아래 표에서 글자 크기에 맞는 기준을 선택하세요.

등급	본문 텍스트	큰 텍스트(18pt+ / 14pt 굵게)	아이콘 및 UI 요소
AAA	7 : 1	4.5 : 1	—
AA	4.5 : 1	3 : 1	3 : 1
미달	< 4.5 : 1	< 3 : 1	< 3 : 1

큰 텍스트는 18pt 일반 또는 14pt 굵게입니다. UI 요소는 인접 색 대비 3:1이 필요합니다. AA는 일반 기준, AAA는 강화 기준입니다.

기술 표기

색 공간별 표기

HEX

#C19E96

CSS Color 4

RGB

193,158,150

sRGB / D65

HSL

11,26,67

HSL

OKLCH

oklch(0.729 0.043 33.1)

perceptual

LAB

68,12,9

CIE Lab

LCH

68,15,38

CIE LCH

XYZ

40,38,34

CIE XYZ

LUV

68,22,11

CIE LUV

HWB

11,59,24

CSS HWB

CMYK

0,18,22,24

실용 값

바로 쓰는 값

CSS

color: #C19E96;

custom properties

Tailwind

bg-[#C19E96] text-[#FFF]

arbitrary value

Android

#FFC19E96

ARGB

Flutter

Color(0xFFC19E96)

dart:ui

Photoshop

R 193 G 158 B 150 · C 0 M 18 Y 22 K 24

RGB / CMYK

CMYK 0,18,22,24

FOGRA39

색 분석

측정된 색 속성

명도

0.380

relative luminance · warm

대비

2.44 : 1

vs white · FAIL · warm

대비

7.73 : 1

vs black · AAA · warm

색상

11°

saturation 26% · warm

LCH

68,15,38

lightness 67% · warm

ΔE

12.2

曙色 #D5A8B4 · warm

유사 색

Irodori 전체 색 라이브러리에서 ΔE 순으로 가까운 색.

중간 빨강 #BC8F8FΔE 7.3 曙色 #D5A8B4ΔE 12.2 绾 #A9836DΔE 13.2 회 #9E9E9EΔE 15.1 회 #999999ΔE 15.5 璆琳 #9EA6A0ΔE 17.2

색각 시뮬레이션

색각 이상에서의 인상

색각 이상에서의 인상 · ΔE 12.2