Discover the Colors of MG iSmart | Graphic Design Colors
Graphic Design Colors

Color Palette

MG iSmart — Infotainment System HMI

030608
Copy As
HEX #030608
RGB rgb(3,6,8)
HSL
Notice: Undefined index: HSL in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
33363D
Copy As
HEX #33363D
RGB rgb(51,54,61)
HSL
Notice: Undefined index: HSL in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
F6F4F2
Copy As
HEX #F6F4F2
RGB rgb(246,244,242)
HSL
Notice: Undefined index: HSL in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
1A1C20
Copy As
HEX #1A1C20
RGB rgb(26,28,32)
HSL
Notice: Undefined index: HSL in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
282A30
Copy As
HEX #282A30
RGB rgb(40,42,48)
HSL
Notice: Undefined index: HSL in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
4A4D55
Copy As
HEX #4A4D55
RGB rgb(74,77,85)
HSL
Notice: Undefined index: HSL in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
ECD5D5
Copy As
HEX #ECD5D5
RGB rgb(236,213,213)
HSL
Notice: Undefined index: HSL in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
6C6776
Copy As
HEX #6C6776
RGB rgb(108,103,118)
HSL
Notice: Undefined index: HSL in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/graphicdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
#030608
#33363D
#F6F4F2
#1A1C20
#282A30
#4A4D55
#ECD5D5
#6C6776
MG iSmart

This palette was extracted from

MG iSmart

Award-Winning Infotainment System HMI

About the Design

This design features Black, Dark Slate Gray, White Smoke, Gainsboro, and Dim Gray.

About the Award-Winning Infotainment System HMI Design: SAIC's brand MG was challenged with a new market rollout and needed a custom HMI solution to support this strategic initiative. The design embraces new technology trends centered around connectivity digital touchpoints and smart assistants with an intuitive interface that strengthens consumers' emotional relationships with both the vehicle and the MG brand.

This palette has a cool feel, creating peaceful balance.

View at A' Design Award

MG iSmart, where these colors originate, was designed by SAIC and Star.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#030608
Black
34.9% Black
Web Formats
HEX #030608
RGB 3,6,8
HSL hsl(204, 45%, 2%)
HWB hwb(204, 1%, 97%)
Print & Design
CMYK cmyk(63%, 25%, 0%, 97%)
HSV hsv(204, 63%, 3%)
Perceptual (Color Science)
LAB lab(1.51, -0.51, -1.03)
LCH lch(1.51, 1.15, 243.9°)
XYZ xyz(0.15, 0.17, 0.25)
OKLab oklab(0.118, -0.0063, -0.0077)
Accessibility (WCAG 2.1)
Aa
On White
20.32:1
AAA Pass
Aa
On Black
1.03:1
Fail
Aa
White on Color
20.32:1
AAA Pass
Aa
Black on Color
1.03:1
Fail
0.2%
Relative Luminance
0.0017
Very Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#070503
Complementary
of Black
#030307
Analogous
of Black
#030707
Analogous
of Black
#182F3F
Lighter Tint
of Black
#2D5976
Lighter Tint
of Black
#4283AE
Lighter Tint
of Black
#070E12
Darker Shade
of Black
#070E12
Darker Shade
of Black
#070E12
Darker Shade
of Black
Black
Named Color
Discover the Hue
#33363D
Dark Slate Gray
18.7% Gray
Web Formats
HEX #33363D
RGB 51,54,61
HSL hsl(222, 9%, 22%)
HWB hwb(222, 20%, 76%)
Print & Design
CMYK cmyk(16%, 11%, 0%, 76%)
HSV hsv(222, 16%, 24%)
Perceptual (Color Science)
LAB lab(22.58, 0.47, -4.81)
LCH lch(22.58, 4.83, 275.6°)
XYZ xyz(3.53, 3.68, 4.94)
OKLab oklab(0.3327, -0.0006, -0.013)
Accessibility (WCAG 2.1)
Aa
On White
12.10:1
AAA Pass
Aa
On Black
1.74:1
Fail
Aa
White on Color
12.10:1
AAA Pass
Aa
Black on Color
1.74:1
Fail
3.7%
Relative Luminance
0.0368
Very Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#3D3A33
Complementary
of Dark Slate Gray
#35333D
Analogous
of Dark Slate Gray
#333B3D
Analogous
of Dark Slate Gray
#565B67
Lighter Tint
of Dark Slate Gray
#7A8090
Lighter Tint
of Dark Slate Gray
#A3A8B2
Lighter Tint
of Dark Slate Gray
#101113
Darker Shade
of Dark Slate Gray
#0C0C0E
Darker Shade
of Dark Slate Gray
#0C0C0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#F6F4F2
White Smoke
15.8% White
Web Formats
HEX #F6F4F2
RGB 246,244,242
HSL hsl(30, 18%, 96%)
HWB hwb(30, 95%, 4%)
Print & Design
CMYK cmyk(0%, 1%, 2%, 4%)
HSV hsv(30, 2%, 96%)
Perceptual (Color Science)
LAB lab(96.29, 0.32, 1.2)
LCH lch(96.29, 1.24, 75.2°)
XYZ xyz(86.38, 90.71, 96.94)
OKLab oklab(0.9681, 0.0013, 0.0032)
Accessibility (WCAG 2.1)
Aa
On White
1.10:1
Fail
Aa
On Black
19.14:1
AAA Pass
Aa
White on Color
1.10:1
Fail
Aa
Black on Color
19.14:1
AAA Pass
90.7%
Relative Luminance
0.9071
Very Light

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#F3F5F7
Complementary
of White Smoke
#F7F7F3
Analogous
of White Smoke
#F7F3F3
Analogous
of White Smoke
#F5F2F0
Lighter Tint
of White Smoke
#F5F2F0
Lighter Tint
of White Smoke
#F5F2F0
Lighter Tint
of White Smoke
#D7CFC6
Darker Shade
of White Smoke
#B8A899
Darker Shade
of White Smoke
#99826C
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#1A1C20
Black
15.4% Black
Web Formats
HEX #1A1C20
RGB 26,28,32
HSL hsl(220, 10%, 11%)
HWB hwb(220, 10%, 87%)
Print & Design
CMYK cmyk(19%, 13%, 0%, 87%)
HSV hsv(220, 19%, 13%)
Perceptual (Color Science)
LAB lab(10.22, 0.16, -3.07)
LCH lch(10.22, 3.08, 273°)
XYZ xyz(1.1, 1.15, 1.53)
OKLab oklab(0.226, -0.0008, -0.0083)
Accessibility (WCAG 2.1)
Aa
On White
17.06:1
AAA Pass
Aa
On Black
1.23:1
Fail
Aa
White on Color
17.06:1
AAA Pass
Aa
Black on Color
1.23:1
Fail
1.2%
Relative Luminance
0.0115
Very Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#1F1D19
Complementary
of Black
#1A191F
Analogous
of Black
#191E1F
Analogous
of Black
#3C4049
Lighter Tint
of Black
#5E6573
Lighter Tint
of Black
#848B9A
Lighter Tint
of Black
#0B0C0E
Darker Shade
of Black
#0B0C0E
Darker Shade
of Black
#0B0C0E
Darker Shade
of Black
Black
Named Color
Discover the Hue
#282A30
Dark Slate Gray
5.6% Gray
Web Formats
HEX #282A30
RGB 40,42,48
HSL hsl(225, 9%, 17%)
HWB hwb(225, 16%, 81%)
Print & Design
CMYK cmyk(17%, 13%, 0%, 81%)
HSV hsv(225, 17%, 19%)
Perceptual (Color Science)
LAB lab(17.09, 0.66, -4.19)
LCH lch(17.09, 4.25, 279°)
XYZ xyz(2.24, 2.32, 3.13)
OKLab oklab(0.2855, 0.0002, -0.0113)
Accessibility (WCAG 2.1)
Aa
On White
14.34:1
AAA Pass
Aa
On Black
1.46:1
Fail
Aa
White on Color
14.34:1
AAA Pass
Aa
Black on Color
1.46:1
Fail
2.3%
Relative Luminance
0.0232
Very Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#2F2D27
Complementary
of Dark Slate Gray
#29272F
Analogous
of Dark Slate Gray
#272D2F
Analogous
of Dark Slate Gray
#4A4E59
Lighter Tint
of Dark Slate Gray
#6D7283
Lighter Tint
of Dark Slate Gray
#959AA7
Lighter Tint
of Dark Slate Gray
#0C0C0E
Darker Shade
of Dark Slate Gray
#0C0C0E
Darker Shade
of Dark Slate Gray
#0C0C0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#4A4D55
Dark Slate Gray
4.6% Gray
Web Formats
HEX #4A4D55
RGB 74,77,85
HSL hsl(224, 7%, 31%)
HWB hwb(224, 29%, 67%)
Print & Design
CMYK cmyk(13%, 9%, 0%, 67%)
HSV hsv(224, 13%, 33%)
Perceptual (Color Science)
LAB lab(32.74, 0.65, -5.13)
LCH lch(32.74, 5.17, 277.2°)
XYZ xyz(7.12, 7.42, 9.65)
OKLab oklab(0.4204, -0.0002, -0.0138)
Accessibility (WCAG 2.1)
Aa
On White
8.45:1
AAA Pass
Aa
On Black
2.48:1
Fail
Aa
White on Color
8.45:1
AAA Pass
Aa
Black on Color
2.48:1
Fail
7.4%
Relative Luminance
0.0742
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#55524A
Complementary
of Dark Slate Gray
#4C4A55
Analogous
of Dark Slate Gray
#4A5255
Analogous
of Dark Slate Gray
#6D717E
Lighter Tint
of Dark Slate Gray
#9598A3
Lighter Tint
of Dark Slate Gray
#BEC0C6
Lighter Tint
of Dark Slate Gray
#26272C
Darker Shade
of Dark Slate Gray
#0C0C0E
Darker Shade
of Dark Slate Gray
#0C0C0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#ECD5D5
Gainsboro
2.9% Gray
Web Formats
HEX #ECD5D5
RGB 236,213,213
HSL hsl(0, 38%, 88%)
HWB hwb(0, 84%, 7%)
Print & Design
CMYK cmyk(0%, 10%, 10%, 7%)
HSV hsv(0, 10%, 93%)
Perceptual (Color Science)
LAB lab(87.11, 7.95, 2.9)
LCH lch(87.11, 8.46, 20°)
XYZ xyz(70.4, 70.23, 72.78)
OKLab oklab(0.8919, 0.0244, 0.0078)
Accessibility (WCAG 2.1)
Aa
On White
1.40:1
Fail
Aa
On Black
15.05:1
AAA Pass
Aa
White on Color
1.40:1
Fail
Aa
Black on Color
15.05:1
AAA Pass
70.2%
Relative Luminance
0.7023
Light

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#D5ECEC
Complementary
of Gainsboro
#ECE0D5
Analogous
of Gainsboro
#ECD5E0
Analogous
of Gainsboro
#F7EDED
Lighter Tint
of Gainsboro
#F7EDED
Lighter Tint
of Gainsboro
#F7EDED
Lighter Tint
of Gainsboro
#D4A0A0
Darker Shade
of Gainsboro
#BD6B6B
Darker Shade
of Gainsboro
#974444
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#6C6776
Dim Gray
2.2% Gray
Web Formats
HEX #6C6776
RGB 108,103,118
HSL hsl(260, 7%, 43%)
HWB hwb(260, 40%, 54%)
Print & Design
CMYK cmyk(8%, 13%, 0%, 54%)
HSV hsv(260, 13%, 46%)
Perceptual (Color Science)
LAB lab(44.51, 5.12, -7.67)
LCH lch(44.51, 9.22, 303.7°)
XYZ xyz(14.3, 14.2, 19.12)
OKLab oklab(0.5236, 0.0123, -0.0206)
Accessibility (WCAG 2.1)
Aa
On White
5.47:1
AA Pass
Aa
On Black
3.84:1
Large Only
Aa
White on Color
5.47:1
AA Pass
Aa
Black on Color
3.84:1
Large Only
14.2%
Relative Luminance
0.1420
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#707566
Complementary
of Dim Gray
#736675
Analogous
of Dim Gray
#666975
Analogous
of Dim Gray
#918C9B
Lighter Tint
of Dim Gray
#B9B5BF
Lighter Tint
of Dim Gray
#E0DEE3
Lighter Tint
of Dim Gray
#46424C
Darker Shade
of Dim Gray
#201F23
Darker Shade
of Dim Gray
#0C0C0E
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue

This palette originates from SAIC and Star's award-winning project "MG iSmart".

About SAIC and Star

SAIC and Star

SAIC and Star is an award-winning agency acknowledged by the A' Design Award. Their work embodies mastery in design excellence.

Discover more color palettes from SAIC and Star's award-winning work.

Explore SAIC and Star's Palettes View SAIC and Star's Profile
Golden A' Interface, Interaction and User Experience Design Award 2021

About the Award

Golden A' Interface, Interaction and User Experience Design Award 2021

MG iSmart received recognition with the Golden A' Interface, Interaction and User Experience Design Award in 2021. The A' Design Award is one of the world's most recognized design accolade that celebrates remarkable design achievement. Winning entries are identified through careful assessment by an expert jury representing multiple disciplines. The Golden status indicates commendable design excellence as assessed by the judging body.

A' Interface, Interaction and User Experience Design Award

Elevate the user experience with your innovative interface designs. The interface award category highlights intuitive user engagement, seamless interaction, and breakthrough user-centric solutions.

Recognizes: Websites, Mobile Applications, Software Interfaces, Game Interfaces, Wearable Interfaces, Virtual Reality Interfaces, Augmented Reality Interfaces, Dashboard Designs and More.
Learn More About A' Interface, Interaction and User Experience Design Award View at A' Design Award

More Palettes from MG iSmart

Each image reveals a unique color story. Click to explore.

MG iSmart - View 2
040306
1B1519
FDEDE2
F0CEC3
C7ACA8
2F2E2F
411522
AB9795
MG iSmart • View 2
MG iSmart - View 3
010204
282A2C
FDF3E9
3C3F43
141517
F3DCD3
5A5D63
484C51
MG iSmart • View 3
MG iSmart - View 4
020204
2A292B
171415
FDF3E9
F3DCD3
3D3D3F
3B1B1C
DBC4C0
MG iSmart • View 4
MG iSmart - View 5
010204
27292B
141517
FDF3E9
F3DCD3
3B3D3F
DBC4C0
C1ADAB
MG iSmart • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

MG Next-Generation
E9EAEE
100805
222022
D6D9DE
323337
78787C
535258
969498
MG Next-Generation
39,455 ID#159578
Datalense
0F0C08
282119
5D4D3E
43362A
6A6358
A1988D
867467
795A3E
Datalense
731,173 ID#162927
Cathay Pacific IFE
110605
2C170B
987864
39271D
7F5D4D
AF8870
6E4E3E
5C4136
Cathay Pacific IFE
64,978 ID#169385
Chery E02
DCD9DA
2F3132
C3BDBF
1C1B1B
A09EA0
023953
0F6B8C
035474
Chery E02
67,475 ID#167391
Journeylink
0A0B10
171B24
ECE7DC
2B353C
010101
0C4566
64786D
798A73
Journeylink
70,088 ID#167866
Epichust
161618
303132
4E4D4D
232526
404041
8A8C91
09090A
5C5D5D
Epichust
2,968,423 ID#141914
Nova
242020
C5C3C3
423E3C
545452
DCD3CC
B1ABA7
74726A
958C86
Nova
443,209 ID#156460
Kaorium
070A13
151925
F5F9FD
30374B
3B435F
232735
DFEAFB
A38D89
Kaorium
22,933 ID#166218
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
Conch
1,008,147 ID#162196
Nong Li
69676A
39393A
504F51
252425
848285
111111
DBDAD9
5C5B5E
Nong Li
3,245,104 ID#163373
Xijiu Matured Liquor
402619
5E402E
78543E
291810
8F6841
120805
EFCB8E
AB7F50
Xijiu Matured Liquor
931,844 ID#163642
FOODres
F1F1F2
D0CBC6
DCC4A8
474D3B
BDB8B3
E7D8C0
606548
92A453
FOODres
973,876 ID#163663