Start contents 본문 시작
Color System Colors
Primary Color Palette
PMS 225C
CMYK 0 100 0 0
RGB 236 0 140
HEX #EC008B
PMS 424C
CMYK 0 0 0 70
RGB 107 107 107
HEX #6B6B6B
CMYK 0 0 0 0
RGB 255 255 255
HEX #FFFFFF
Secondary Color Palette
PMS 225C
CMYK 0 100 0 0
RGB 236 0 140
HEX #EC008B
PMS 7711C
CMYK 98 0 28 4
RGB 0 150 170
HEX #0096AA
PMS 152C
CMYK 0 62 95 0
RGB 233 115 0
HEX #E97300
PMS 267C
CMYK 82 97 0 0
RGB 97 39 158
HEX #61279E
PMS 3385C
CMYK 45 0 35 0
RGB 60 213 175
HEX #3CD5AF
PMS 115C
CMYK 0 5 98 0
RGB 255 218 39
HEX #FFDA27
PMS 2582C
CMYK 35 70 0 0
RGB 177 80 197
HEX #B150C5
PMS Cool Gray 1C
CMYK 0 0 0 10
RGB 217 218 219
HEX #D9DADB
CMYK 0 0 0 100
RGB 0 0 0
HEX #1D1D1B
Metallic Color Palette
PMS 877C
CMYK 53 43 39 0
RGB 138 140 143
HEX #8A8C8F
PMS 872C
CMYK 20 30 70 15
RGB 180 151 90
HEX #B49759
Color System
Primary Colors
PMS 225C
CMYK 0 100 0 0
RGB 236 0 140
HEX #EC008B
PMS 424C
CMYK 0 0 0 70
RGB 107 107 107
HEX #6B6B6B
CMYK 0 0 0 0
RGB 255 255 255
HEX #FFFFFF
Secondary Colors
PMS 225C
CMYK 0 100 0 0
RGB 236 0 140
HEX #EC008B
PMS 7711C
CMYK 98 0 28 4
RGB 0 150 170
HEX #0096AA
PMS 152C
CMYK 0 62 95 0
RGB 233 115 0
HEX #E97300
PMS 267C
CMYK 82 97 0 0
RGB 97 39 158
HEX #61279E
PMS 3385C
CMYK 45 0 35 0
RGB 60 213 175
HEX #3CD5AF
PMS 115C
CMYK 0 5 98 0
RGB 255 218 39
HEX #FFDA27
PMS 2582C
CMYK 35 70 0 0
RGB 177 80 197
HEX #B150C5
PMS Cool Gray 1C
CMYK 0 0 0 10
RGB 217 218 219
HEX #D9DADB
CMYK 0 0 0 100
RGB 0 0 0
HEX #1D1D1B
Metallic Colors
PMS 877C
CMYK 53 43 39 0
RGB 138 140 143
HEX #8A8C8F
PMS 872C
CMYK 20 30 70 15
RGB 180 151 90
HEX #B49759
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
Secondary Colors
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
Secondary Colors
Brand Color Opacity 10% - 100%
Brand Color Opacity 10% - 100%
Brand Color Opacity 10% - 100%
Brand Color Opacity 10% - 100%
Single-Color Gradient
the upper gradient
breakpoint is higher.
gradient breakpoints
within a single motif.
altered to a nearly
unrecognizable extent.
due to the excessively
low opacity value
(less than 10%), etc.
lower gradient breakpoint
is higher.
gradient breakpoints
within a single motif.
altered to a nearly
unrecognizable extent.
due to the excessively
low opacity value (less
than 10%), etc.
Adjust the opacity value as deemed fit, and refer to the above Single-Color Gradient section for the detailed requirements.
Single-Color Gradient
단, 상단 그라데이션 중지점의 Opacity 값은 항상 하단 그라데이션 중지점의 Opacity 값보다 낮도록 적용합니다.
그리고 이 두 가지 Opacity 값은 10% 이상 차이가 나야 합니다.
opacity값이 더 높을 경우
3개 이상인 경우
알아보기 힘든 경우
시인성이 떨어지는 경우
단, 하단 그라데이션 중지점의 Opacity 값은 항상 상단 그라데이션 중지점의 Opacity 값보다 낮도록 적용합니다.
그리고 이 두 가지 Opacity 값은 10% 이상 차이가 나야 합니다.
Opacity값이 더 높을 경우
3개 이상의 경우
제대로 보이지 않는 경우
시인성이 떨어지는 경우
필요에 따라 Opacity를 조절하여 사용할 수 있으며, 관련 내용은 상단 Single-Color Gradient와 동일한 규정을 따릅니다.
Solid and Single-Color Gradient
Multi-Color Gradient
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.
Do not render the motifs in complementary colors.
No Blue Policy
Solid and Single-Color Gradient
Multi- Color Gradient
L 모티프와 G 모티프에 각각 다른 컬러를 적용하는 경우
주로 2가지 이상의 색상으로 이루어진 그라데이션 배경이
쓰인 이미지에 L 모티프와 G 모티프의 색상을 각각 다르게 적용할 수 있습니다.
보색 대비를 이루는 색상을
각 모티프에 사용한 경우