MyJCB - 8 Color Palette | Design Hues
Design Hues

Color Palette

MyJCB — Credit Card App

E3E5E8
Copy As
HEX #E3E5E8
RGB rgb(227,229,232)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
3C67DC
Copy As
HEX #3C67DC
RGB rgb(60,103,220)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
1C7ED7
Copy As
HEX #1C7ED7
RGB rgb(28,126,215)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
C6C7C9
Copy As
HEX #C6C7C9
RGB rgb(198,199,201)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
4C72DE
Copy As
HEX #4C72DE
RGB rgb(76,114,222)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
3A93E5
Copy As
HEX #3A93E5
RGB rgb(58,147,229)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
9DB5E5
Copy As
HEX #9DB5E5
RGB rgb(157,181,229)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
EEF1F5
Copy As
HEX #EEF1F5
RGB rgb(238,241,245)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
#E3E5E8
#3C67DC
#1C7ED7
#C6C7C9
#4C72DE
#3A93E5
#9DB5E5
#EEF1F5
MyJCB

This palette was extracted from

MyJCB

Award-Winning Credit Card App

About the Design

This design features Lavender, Royal Blue, Silver, Dodger Blue, Light Steel Blue, and White Smoke.

About the Award-Winning Credit Card App Design: The Japanese business sector prioritizes reliability in service delivery over technological innovation. The platform renewal initiative focused on establishing a secure foundation while balancing security and convenience. Drawing on used feedback, the initiative implemented three key elements. Optimized task specific access for frequently used features such as statement viewing and point exchanges. Personalized displays prioritizing information based on usage history. A clean, refined design reinforcing JCB's reliability and trust.

This palette has a calming feel, evoking tranquility and clarity.

View at A' Design Award

MyJCB, the design behind this palette, was designed by JCB Co., Ltd.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#E3E5E8
Lavender
23.3% Purple
Web Formats
HEX #E3E5E8
RGB 227,229,232
HSL hsl(216, 10%, 90%)
HWB hwb(216, 89%, 9%)
Print & Design
CMYK cmyk(2%, 1%, 0%, 9%)
HSV hsv(216, 2%, 91%)
Perceptual (Color Science)
LAB lab(90.87, -0.13, -1.69)
LCH lch(90.87, 1.7, 265.7°)
XYZ xyz(74.26, 78.2, 87.51)
OKLab oklab(0.9212, -0.0009, -0.0045)
Accessibility (WCAG 2.1)
Aa
On White
1.26:1
Fail
Aa
On Black
16.64:1
AAA Pass
Aa
White on Color
1.26:1
Fail
Aa
Black on Color
16.64:1
AAA Pass
78.2%
Relative Luminance
0.7820
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
#E8E6E3
Complementary
of Lavender
#E3E3E8
Analogous
of Lavender
#E3E8E8
Analogous
of Lavender
#F1F2F4
Lighter Tint
of Lavender
#F1F2F4
Lighter Tint
of Lavender
#F1F2F4
Lighter Tint
of Lavender
#B9BEC6
Darker Shade
of Lavender
#8F97A3
Darker Shade
of Lavender
#67707E
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#3C67DC
Royal Blue
15.3% Blue
Web Formats
HEX #3C67DC
RGB 60,103,220
HSL hsl(224, 70%, 55%)
HWB hwb(224, 24%, 14%)
Print & Design
CMYK cmyk(73%, 53%, 0%, 14%)
HSV hsv(224, 73%, 86%)
Perceptual (Color Science)
LAB lab(46.75, 25.08, -64.2)
LCH lch(46.75, 68.92, 291.3°)
XYZ xyz(19.63, 15.83, 69.72)
OKLab oklab(0.55, -0.0148, -0.1849)
Accessibility (WCAG 2.1)
Aa
On White
5.04:1
AA Pass
Aa
On Black
4.17:1
Large Only
Aa
White on Color
5.04:1
AA Pass
Aa
Black on Color
4.17:1
Large Only
15.8%
Relative Luminance
0.1583
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
#DDB23C
Complementary
of Royal Blue
#613CDD
Analogous
of Royal Blue
#3CB7DD
Analogous
of Royal Blue
#7D9AE8
Lighter Tint
of Royal Blue
#BECCF4
Lighter Tint
of Royal Blue
#E9EEFB
Lighter Tint
of Royal Blue
#1F45AD
Darker Shade
of Royal Blue
#132B6C
Darker Shade
of Royal Blue
#08112B
Darker Shade
of Royal Blue
Royal Blue
Named Color
Discover the Hue
#1C7ED7
Royal Blue
12.7% Blue
Web Formats
HEX #1C7ED7
RGB 28,126,215
HSL hsl(209, 77%, 48%)
HWB hwb(209, 11%, 16%)
Print & Design
CMYK cmyk(87%, 41%, 0%, 16%)
HSV hsv(209, 87%, 84%)
Perceptual (Color Science)
LAB lab(51.92, 5.63, -53.08)
LCH lch(51.92, 53.38, 276.1°)
XYZ xyz(20.2, 20.07, 67.09)
OKLab oklab(0.5863, -0.0509, -0.1521)
Accessibility (WCAG 2.1)
Aa
On White
4.19:1
Large Only
Aa
On Black
5.01:1
AA Pass
Aa
White on Color
4.19:1
Large Only
Aa
Black on Color
5.01:1
AA Pass
20.1%
Relative Luminance
0.2007
Mid-tone

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
#D9771C
Complementary
of Royal Blue
#1C1FD9
Analogous
of Royal Blue
#1CD9D6
Analogous
of Royal Blue
#58A3E9
Lighter Tint
of Royal Blue
#9CC8F2
Lighter Tint
of Royal Blue
#DFEEFB
Lighter Tint
of Royal Blue
#135695
Darker Shade
of Royal Blue
#0B2F51
Darker Shade
of Royal Blue
#030D17
Darker Shade
of Royal Blue
Royal Blue
Named Color
Discover the Hue
#C6C7C9
Silver
11.2% Gray
Web Formats
HEX #C6C7C9
RGB 198,199,201
HSL hsl(220, 3%, 78%)
HWB hwb(220, 78%, 21%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 21%)
HSV hsv(220, 1%, 79%)
Perceptual (Color Science)
LAB lab(80.22, 0.03, -1.12)
LCH lch(80.22, 1.12, 271.3°)
XYZ xyz(54.25, 57.07, 63.4)
OKLab oklab(0.8295, -0.0003, -0.003)
Accessibility (WCAG 2.1)
Aa
On White
1.69:1
Fail
Aa
On Black
12.41:1
AAA Pass
Aa
White on Color
1.69:1
Fail
Aa
Black on Color
12.41:1
AAA Pass
57.1%
Relative Luminance
0.5707
Mid-tone

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
#C9C7C5
Complementary
of Silver
#C6C5C9
Analogous
of Silver
#C5C8C9
Analogous
of Silver
#EDEDEE
Lighter Tint
of Silver
#F2F2F3
Lighter Tint
of Silver
#F2F2F3
Lighter Tint
of Silver
#9EA0A3
Darker Shade
of Silver
#77797E
Darker Shade
of Silver
#525357
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#4C72DE
Royal Blue
10.9% Blue
Web Formats
HEX #4C72DE
RGB 76,114,222
HSL hsl(224, 69%, 58%)
HWB hwb(224, 30%, 13%)
Print & Design
CMYK cmyk(66%, 49%, 0%, 13%)
HSV hsv(224, 66%, 87%)
Perceptual (Color Science)
LAB lab(50.5, 21.17, -59.23)
LCH lch(50.5, 62.9, 289.7°)
XYZ xyz(22.18, 18.84, 71.56)
OKLab oklab(0.5809, -0.0102, -0.1698)
Accessibility (WCAG 2.1)
Aa
On White
4.40:1
Large Only
Aa
On Black
4.77:1
AA Pass
Aa
White on Color
4.40:1
Large Only
Aa
Black on Color
4.77:1
AA Pass
18.9%
Relative Luminance
0.1885
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
#DEB64A
Complementary
of Royal Blue
#6C4ADE
Analogous
of Royal Blue
#4ABBDE
Analogous
of Royal Blue
#8BA4EA
Lighter Tint
of Royal Blue
#CBD7F6
Lighter Tint
of Royal Blue
#E9EEFB
Lighter Tint
of Royal Blue
#224AB9
Darker Shade
of Royal Blue
#163079
Darker Shade
of Royal Blue
#0A1638
Darker Shade
of Royal Blue
Royal Blue
Named Color
Discover the Hue
#3A93E5
Dodger Blue
10.4% Blue
Web Formats
HEX #3A93E5
RGB 58,147,229
HSL hsl(209, 77%, 56%)
HWB hwb(209, 23%, 10%)
Print & Design
CMYK cmyk(75%, 36%, 0%, 10%)
HSV hsv(209, 75%, 90%)
Perceptual (Color Science)
LAB lab(59.36, 1.05, -49.03)
LCH lch(59.36, 49.05, 271.2°)
XYZ xyz(26.32, 27.42, 78.02)
OKLab oklab(0.6489, -0.0515, -0.1396)
Accessibility (WCAG 2.1)
Aa
On White
3.24:1
Large Only
Aa
On Black
6.48:1
AA Pass
Aa
White on Color
3.24:1
Large Only
Aa
Black on Color
6.48:1
AA Pass
27.4%
Relative Luminance
0.2742
Mid-tone

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
#E58C38
Complementary
of Dodger Blue
#383BE5
Analogous
of Dodger Blue
#38E5E2
Analogous
of Dodger Blue
#7CB7EE
Lighter Tint
of Dodger Blue
#C0DCF7
Lighter Tint
of Dodger Blue
#E8F3FC
Lighter Tint
of Dodger Blue
#186BB9
Darker Shade
of Dodger Blue
#0F4475
Darker Shade
of Dodger Blue
#061D32
Darker Shade
of Dodger Blue
Dodger Blue
Named Color
Discover the Hue
#9DB5E5
Light Steel Blue
8.5% Blue
Web Formats
HEX #9DB5E5
RGB 157,181,229
HSL hsl(220, 58%, 76%)
HWB hwb(220, 62%, 10%)
Print & Design
CMYK cmyk(31%, 21%, 0%, 10%)
HSV hsv(220, 31%, 90%)
Perceptual (Color Science)
LAB lab(73.46, 2.83, -26.69)
LCH lch(73.46, 26.84, 276.1°)
XYZ xyz(44.57, 45.87, 80.62)
OKLab oklab(0.7721, -0.0077, -0.0736)
Accessibility (WCAG 2.1)
Aa
On White
2.06:1
Fail
Aa
On Black
10.17:1
AAA Pass
Aa
White on Color
2.06:1
Fail
Aa
Black on Color
10.17:1
AAA Pass
45.9%
Relative Luminance
0.4587
Mid-tone

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
#E5CE9E
Complementary
of Light Steel Blue
#AA9EE5
Analogous
of Light Steel Blue
#9ED9E5
Analogous
of Light Steel Blue
#DBE4F5
Lighter Tint
of Light Steel Blue
#EBF0FA
Lighter Tint
of Light Steel Blue
#EBF0FA
Lighter Tint
of Light Steel Blue
#6288D5
Darker Shade
of Light Steel Blue
#315FB9
Darker Shade
of Light Steel Blue
#21407D
Darker Shade
of Light Steel Blue
Light Steel Blue
Named Color
Discover the Hue
#EEF1F5
White Smoke
7.7% White
Web Formats
HEX #EEF1F5
RGB 238,241,245
HSL hsl(214, 26%, 95%)
HWB hwb(214, 93%, 4%)
Print & Design
CMYK cmyk(3%, 2%, 0%, 4%)
HSV hsv(214, 3%, 96%)
Perceptual (Color Science)
LAB lab(95.03, -0.28, -2.27)
LCH lch(95.03, 2.29, 263.1°)
XYZ xyz(83.19, 87.68, 98.91)
OKLab oklab(0.957, -0.0016, -0.0061)
Accessibility (WCAG 2.1)
Aa
On White
1.13:1
Fail
Aa
On Black
18.54:1
AAA Pass
Aa
White on Color
1.13:1
Fail
Aa
Black on Color
18.54:1
AAA Pass
87.7%
Relative Luminance
0.8768
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
#F6F3EF
Complementary
of White Smoke
#EFEFF6
Analogous
of White Smoke
#EFF5F6
Analogous
of White Smoke
#EFF2F6
Lighter Tint
of White Smoke
#EFF2F6
Lighter Tint
of White Smoke
#EFF2F6
Lighter Tint
of White Smoke
#BFCAD9
Darker Shade
of White Smoke
#8FA3BD
Darker Shade
of White Smoke
#5E7BA1
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue

The colors presented here were analyzed from JCB Co., Ltd's recognized creation "MyJCB".

About JCB Co., Ltd

JCB Co., Ltd

JCB Co., Ltd is a distinguished agency celebrated by the A' Design Award. Their designs showcases excellence in product design.

Discover more color palettes from JCB Co., Ltd's award-winning work.

Explore JCB Co., Ltd's Palettes View JCB Co., Ltd's Profile
Golden A' Mobile Technologies, Applications and Software Design Award 2025

About the Award

Golden A' Mobile Technologies, Applications and Software Design Award 2025

MyJCB has been recognized with the Golden A' Mobile Technologies, Applications and Software Design Award in 2025. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts representing multiple disciplines. The Golden status signifies significant creative merit as evaluated by the evaluation panel.

A' Mobile Technologies, Applications and Software Design Award

Celebrate the ingenuity in mobile technology, applications, and software design. The mobile award category highlights cutting-edge functionality, exceptional user experience, and innovative problem-solving through digital solutions.

Recognizes: Smartphones, Tablets, Wearables, Mobile Applications, Mobile Games, Mobile Software, Mobile Platforms, Mobile Interfaces and More.
Learn More About A' Mobile Technologies, Applications and Software Design Award View at A' Design Award

More Palettes from MyJCB

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

MyJCB - View 2
F2F6F9
DAE5F0
406ADC
C3D5E9
597DDF
7E9AE4
28321B
2854CE
MyJCB • View 2
MyJCB - View 3
DDE4E8
EDF5D9
F7E1DA
FDFDFA
C8C9CB
88BDF1
C0D7EF
96C6F5
MyJCB • View 3
MyJCB - View 4
BEBEBE
36393E
222429
484A4D
626262
2A3417
A0A0A0
7B7C7C
MyJCB • View 4
MyJCB - View 5
C0AB97
B59480
5793B2
763526
5071CB
844C3A
E4E4E4
2F81CC
MyJCB • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Footsync
0A1E32
072C4A
0B316A
DDE4EB
2D0F5A
0D0C51
07091A
06405A
Footsync
624,859 ID#149209
AI Conversational Banking
1A0A28
290D47
3E1187
300C63
FEFEFE
511F8E
135D75
322A4F
AI Conversational Banking
638,846 ID#148799
Fetch
F6F6F6
E2E2E0
61615F
767573
CDCDCB
93928F
B6B6B3
A4A49F
Fetch
46,735 ID#157028
Hero
5E50A0
27262E
6D57BF
E4E4E6
504780
423D61
323045
5B5B5C
Hero
23,105 ID#163728
Artemis Clinics
FDFCFE
EAE4F9
7124FC
DED1F7
7D3CFC
CECED7
353538
AFAEB5
Artemis Clinics
21,883 ID#172519
Digital Human
EFEAE9
E3D1C6
E1BFAB
D2504A
D5AC97
B51514
422D32
DD9C8D
Digital Human
30,901 ID#146899
Igo
E6E7E5
F3F9EA
373736
D3D5D1
C0C1C1
C2E953
838282
999999
Igo
9,207 ID#164758
Serenity Sojourn
373D3A
464D49
565D59
717876
272B2B
8A9090
616865
694A32
Serenity Sojourn
13,318 ID#169269
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
813,847 ID#149079
No Footprint Wood House
4B2A18
653C22
775037
886348
A08C73
A37C5D
9D714D
B98B5E
No Footprint Wood House
1,269,866 ID#164868
Secret of Eternity
9F6D4F
8D5E42
B88761
080705
71472F
D2D2D0
C69C77
C3C2BF
Secret of Eternity
799,385 ID#165548
Spring Dance
B78B72
A3765F
614234
92644D
7B5340
CAA087
2A1D17
4D3126
Spring Dance
1,068,025 ID#165949