Start contents 본문 시작

Color System Colors

Color System

Primary Color Palette

LG Red is the dominant color that highlights our brand identity and plays an instrumental role in setting us apart from our competitors.
LG Pink
PMS 225C
CMYK 0 100 0 0
RGB 236 0 140
HEX #EC008B
LG Gray
PMS 424C
CMYK 0 0 0 70
RGB 107 107 107
HEX #6B6B6B
LG White
CMYK 0 0 0 0
RGB 255 255 255
HEX #FFFFFF

Secondary Color Palette

The use of secondary colors provides creative flexibility and vitality to the overall design.
LG Pink
PMS 225C
CMYK 0 100 0 0
RGB 236 0 140
HEX #EC008B
LG Teal
PMS 7711C
CMYK 98 0 28 4
RGB 0 150 170
HEX #0096AA
LG Orange
PMS 152C
CMYK 0 62 95 0
RGB 233 115 0
HEX #E97300
LG Purple
PMS 267C
CMYK 82 97 0 0
RGB 97 39 158
HEX #61279E
LG Light Teal
PMS 3385C
CMYK 45 0 35 0
RGB 60 213 175
HEX #3CD5AF
LG Yellow
PMS 115C
CMYK 0 5 98 0
RGB 255 218 39
HEX #FFDA27
LG Light Purple
PMS 2582C
CMYK 35 70 0 0
RGB 177 80 197
HEX #B150C5
LG Light Gray
PMS Cool Gray 1C
CMYK 0 0 0 10
RGB 217 218 219
HEX #D9DADB
LG Black
CMYK 0 0 0 100
RGB 0 0 0
HEX #1D1D1B

Metallic Color Palette

LG Silver
PMS 877C
CMYK 53 43 39 0
RGB 138 140 143
HEX #8A8C8F
LG Gold
PMS 872C
CMYK 20 30 70 15
RGB 180 151 90
HEX #B49759

Color System

Primary Colors

LG Red는 LG의 핵심 아이덴티티 색상이며 이는 타사와 구별되는 LG의 정체성을 표현하는데 매우 중요한 역할을 합니다.
LG Pink
PMS 225C
CMYK 0 100 0 0
RGB 236 0 140
HEX #EC008B
LG Gray
PMS 424C
CMYK 0 0 0 70
RGB 107 107 107
HEX #6B6B6B
LG White
CMYK 0 0 0 0
RGB 255 255 255
HEX #FFFFFF

Secondary Colors

강조 색상을 유연하게 사용함으로써 표현하고자 하는 이미지에 활력을 불어넣을 수 있습니다.
LG Pink
PMS 225C
CMYK 0 100 0 0
RGB 236 0 140
HEX #EC008B
LG Teal
PMS 7711C
CMYK 98 0 28 4
RGB 0 150 170
HEX #0096AA
LG Orange
PMS 152C
CMYK 0 62 95 0
RGB 233 115 0
HEX #E97300
LG Purple
PMS 267C
CMYK 82 97 0 0
RGB 97 39 158
HEX #61279E
LG Light Teal
PMS 3385C
CMYK 45 0 35 0
RGB 60 213 175
HEX #3CD5AF
LG Yellow
PMS 115C
CMYK 0 5 98 0
RGB 255 218 39
HEX #FFDA27
LG Light Purple
PMS 2582C
CMYK 35 70 0 0
RGB 177 80 197
HEX #B150C5
LG Light Gray
PMS Cool Gray 1C
CMYK 0 0 0 10
RGB 217 218 219
HEX #D9DADB
LG Black
CMYK 0 0 0 100
RGB 0 0 0
HEX #1D1D1B

Metallic Colors

LG Silver
PMS 877C
CMYK 53 43 39 0
RGB 138 140 143
HEX #8A8C8F
LG Gold
PMS 872C
CMYK 20 30 70 15
RGB 180 151 90
HEX #B49759
Accessibility Contrast
To ensure visibility, the color contrast between text and the background should at least meet the Web Content Accessibility Guidelines (WCAG)
compliance level of AA (4.5:1).

Color Contrast Ratio

Color Text #686866 Background #ECEBE9

Contrast Ratio 4.68 : 1

Large Text WCAG AAA PASS

Color Text #686866 Background #ECEBE9

Contrast Ratio 1.34 : 1

Large Text WCAG AAA FAIL

Primary Colors

LG Red LG Light Teal
LG Red LG Light Gray
LG Red LG White
LG Black LG Gray
LG Gray LG Red
LG Gray LG White
LG Gray LG Pink
LG Gray LG Purple
LG Gray LG Light Purple
LG Gray LG Teal

Secondary Colors

LG Black LG Gray
LG Black LG Pink
LG Black LG Light Gray
LG Black LG Orange
LG Black LG Yellow
LG Black LG Light Purple
LG Black LG Light Teal
LG Black LG Teal
LG Gray LG White
LG Gray LG Light Gray
LG Light Gray LG Black
LG Light Gray LG Purple
LG Light Gray LG Light Purple
LG Pink LG Gray
LG Purple LG White
LG Purple LG Light Gray
LG Purple LG Orange
LG Light Purple LG White
LG Light Purple LG Light Gray
LG Orange LG Black
LG Yellow LG Black
LG Yellow LG Red
LG Yellow LG Purple
LG Yellow LG Light Purple
LG Teal LG White
LG Light Teal LG White
LG Light Teal LG Black
LG Light Teal LG Gray
LG Light Teal LG Purple
웹 접근성 명도 대비
시인성 확보를 위하여, 문자와 배경 색상은 최소 대비 비율인 4.5:1의 WCAG AA 기준에 맞추거나 초과하여 적용합니다.

Color Contrast Ratio

Color Text #686866 Background #ECEBE9

Contrast Ratio 4.68 : 1

Large Text WCAG AAA PASS

Color Text #686866 Background #ECEBE9

Contrast Ratio 1.34 : 1

Large Text WCAG AAA FAIL

Primary Colors

LG Red LG Light Teal
LG Red LG Light Gray
LG Red LG White
LG Black LG Gray
LG Gray LG Red
LG Gray LG White
LG Gray LG Pink
LG Gray LG Purple
LG Gray LG Light Purple
LG Gray LG Teal

Secondary Colors

LG Black LG Gray
LG Black LG Pink
LG Black LG Light Gray
LG Black LG Orange
LG Black LG Yellow
LG Black LG Light Purple
LG Black LG Light Teal
LG Black LG Teal
LG Gray LG White
LG Gray LG Light Gray
LG Light Gray LG Black
LG Light Gray LG Purple
LG Light Gray LG Light Purple
LG Pink LG Gray
LG Purple LG White
LG Purple LG Light Gray
LG Purple LG Orange
LG Light Purple LG White
LG Light Purple LG Light Gray
LG Orange LG Black
LG Yellow LG Black
LG Yellow LG Red
LG Yellow LG Purple
LG Yellow LG Light Purple
LG Teal LG White
LG Light Teal LG White
LG Light Teal LG Black
LG Light Teal LG Gray
LG Light Teal LG Purple
Solid Color Application
Any brand color may be used with the opacity value adjusted as deemed fit. Make sure that the opacity values of L Motif and G Motif remain the same.
Do not render the motifs in complementary colors.

Brand Color Opacity 10% - 100%

Brand Color Opacity 10% - 100%

솔리드 색상 적용
모든 브랜드 색상을 기본으로 유연하게 Opacity 값을 조절하여 사용이 가능합니다. 단, L 모티프와 G 모티프의 Opacity 값은 동일하여야 합니다.
보색 대비를 이루는 색상을 각 모티프에 사용하는 것을 지양합니다.

Brand Color Opacity 10% - 100%

Brand Color Opacity 10% - 100%

Gradient Effect Application

Single-Color Gradient

Any brand color may be used, and the gradient effect on the main motifs should be displayed vertically.
1
L Motif
Any brand color may be used with the opacity value adjusted as deemed fit. Make sure that the opacity value of the upper gradient breakpoint is lower than that of the lower gradient breakpoint. The opacity values of these two breakpoints should show a 10% difference at minimum.
** Gradient breakpoint: The point where the color starts to change in opacity
Incorrect Usage
The opacity value of
the upper gradient
breakpoint is higher.
There are three or more
gradient breakpoints
within a single motif.
The motif’s shape is
altered to a nearly
unrecognizable extent.
Visibility is compromised
due to the excessively
low opacity value
(less than 10%), etc.
2
G Motif
Any brand color may be used with the opacity value adjusted as deemed fit. Make sure that the opacity value of the lower gradient breakpoint is lower than that of the upper gradient breakpoint. The opacity values of these two breakpoints should show a 10% difference at minimum.
** Gradient breakpoint: The point where the color starts to change in opacity
Incorrect Usage
The opacity value of the
lower gradient breakpoint
is higher.
There are three or more
gradient breakpoints
within a single motif.
The motif’s shape is
altered to a nearly
unrecognizable extent.
Visibility is compromised
due to the excessively
low opacity value (less
than 10%), etc.
Multi-Color Gradient
Diverse colors on the color palette can be used to add vitality to the overall design.
Adjust the opacity value as deemed fit, and refer to the above Single-Color Gradient section for the detailed requirements.
LG Red LG Pink
LG Teal LG Light Teal
LG Red LG Pink LG Teal LG Light Teal LG Pink LG Purple LG Orange LG Yellow LG Purple LG Light Purple LG Gray LG Light Gray LG Black LG White
Incorrect Usage
Do not render the motifs in complementary colors.
LG Red LG Teal LG Pink LG Light Teal LG Orange LG Purple LG Black LG Yellow
그라데이션 효과 적용

Single-Color Gradient

모티프에는 모든 브랜드 색상이 적용 가능하며, Main 모티프에 적용할 경우 그라데이션 효과는 항상 수직으로 적용합니다.
1
L 모티프
L 모티프에 그라데이션 효과를 적용할 경우 모든 브랜드 색상을 기본으로 유연하게 Opacity 값을 조절하여 사용이 가능합니다.
단, 상단 그라데이션 중지점의 Opacity 값은 항상 하단 그라데이션 중지점의 Opacity 값보다 낮도록 적용합니다.
그리고 이 두 가지 Opacity 값은 10% 이상 차이가 나야 합니다.
** 그라데이션 중지점 : 색들이 변화하는 포인트
오용 사례
상단 그라데이션 중지점의
opacity값이 더 높을 경우
모티프 내 그라데이션 중지점이
3개 이상인 경우
모티프의 형태가 바뀌어
알아보기 힘든 경우
Opacity 값이 10% 미만인 것과 같이
시인성이 떨어지는 경우
2
G 모티프
G 모티프에 그라데이션 효과를 적용할 경우 모든 브랜드 색상을 기본으로 유연하게 Opacity 값을 조절하여 사용이 가능합니다.
단, 하단 그라데이션 중지점의 Opacity 값은 항상 상단 그라데이션 중지점의 Opacity 값보다 낮도록 적용합니다.
그리고 이 두 가지 Opacity 값은 10% 이상 차이가 나야 합니다.
** 그라데이션 중지점 : 색들이 변화하는 포인트
오용 사례
하단 그라데이션 중지점의
Opacity값이 더 높을 경우
모티프 내, 그라데이션 중지점이
3개 이상의 경우
모티프의 형태가
제대로 보이지 않는 경우
Opacity값이 10% 미만인 것과 같이
시인성이 떨어지는 경우
Multi-Color Gradient
색상을 유연하게 사용함으로써 표현하고자 하는 이미지에 활력을 불어넣을 수 있습니다.
필요에 따라 Opacity를 조절하여 사용할 수 있으며, 관련 내용은 상단 Single-Color Gradient와 동일한 규정을 따릅니다.
LG Red LG Pink
LG Teal LG Light Teal
LG Red LG Pink LG Teal LG Light Teal LG Pink LG Purple LG Orange LG Yellow LG Purple LG Light Purple LG Gray LG Light Gray LG Black LG White
오용 사례
보색 대비를 이루는 색상은 섞어 사용하는 것을 지양합니다.
LG Red LG Teal LG Pink LG Light Teal LG Orange LG Purple LG Black LG Yellow
Main Motif Colors
When placing the motifs on a background with photographic images, render them in colors that well harmonize with the background. When placing the motifs on a simple background without any photographic images, colors may be chosen more freely.

Solid and Single-Color Gradient

Lg Black
Lg Orange
Lg Light Gray
Lg Pink

Multi-Color Gradient

LG Black LG White
LG Gray LG Light Gray
LG Red LG Pink
LG Purple LG Light Purple
LG Pink LG Purple
LG Orange LG Yellow
LG Teal LG Light Teal

Different Colors Applied to L Motif and G Motif

L Motif and G Motif may be rendered in colors different from each other when placed on a background displaying a gradient effect with two or more colors.

Incorrect Usage

Do not render the motifs in complementary colors.

No Blue Policy

Do not use the range of colors that may remind the viewers of our competitor.
Example 1
Incorrect Usage
Example 2
Main 모티프 색상
Main 모티프 색상은 포토 이미지에 맞추어 유연하게 사용 가능하며, 또한 배경에 포토 이미지가 없는 경우 자유롭게 적용이 가능합니다.

Solid and Single-Color Gradient

Lg Black
Lg Orange
Lg Light Gray
Lg Pink

Multi- Color Gradient

LG Black LG White
LG Gray LG Light Gray
LG Red LG Pink
LG Purple LG Light Purple
LG Pink LG Purple
LG Orange LG Yellow
LG Teal LG Light Teal

L 모티프와 G 모티프에 각각 다른 컬러를 적용하는 경우

주로 2가지 이상의 색상으로 이루어진 그라데이션 배경이
쓰인 이미지에 L 모티프와 G 모티프의 색상을 각각 다르게 적용할 수 있습니다.

오용 사례

보색 대비를 이루는 색상을
각 모티프에 사용한 경우

No Blue 정책

경쟁사를 연상시킬 수 있는 색상의 사용은 지양합니다.
No-Blue 정책 예시 1
오용 사례
No-Blue 정책 예시 2
Go to Top