Beoplay Portal Color Palette | Color Plate
Color Plate

Color Palette

Beoplay Portal — Advertising Campaign

0D1124
Copy As
HEX #0D1124
RGB rgb(13,17,36)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
273463
Copy As
HEX #273463
RGB rgb(39,52,99)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
2B2D4C
Copy As
HEX #2B2D4C
RGB rgb(43,45,76)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
41529A
Copy As
HEX #41529A
RGB rgb(65,82,154)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
5565C7
Copy As
HEX #5565C7
RGB rgb(85,101,199)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
304484
Copy As
HEX #304484
RGB rgb(48,68,132)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
6677DA
Copy As
HEX #6677DA
RGB rgb(102,119,218)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
47476E
Copy As
HEX #47476E
RGB rgb(71,71,110)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
#0D1124
#273463
#2B2D4C
#41529A
#5565C7
#304484
#6677DA
#47476E
Beoplay Portal

This palette was extracted from

Beoplay Portal

Award-Winning Advertising Campaign

About the Design

This design features Black, Midnight Blue, Dark Slate Gray, Dark Slate Blue, Slate Blue, and Medium Slate Blue.

About the Award-Winning Advertising Campaign Design: It is a campaign to promote its Beoplay Portal headphones. The streamers shared the production to make it go viral. Under the claim Sound that shapes your world, they had to create 5 scenarios alluding to categories of the video game industry. In addition to having a great visual impact, the experience was elevated to a competition for the location of fetish objects hidden in each frame. The team was faced with a multi-scenario design in which the protagonist was the product and the experience of using it.

This palette has a refreshing feel, suggesting peaceful balance.

View at A' Design Award

Beoplay Portal, the inspiration behind this palette, was designed by Carlos Cabrera.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#0D1124
Black
61.9% Black
Web Formats
HEX #0D1124
RGB 13,17,36
HSL hsl(230, 47%, 10%)
HWB hwb(230, 5%, 86%)
Print & Design
CMYK cmyk(64%, 53%, 0%, 86%)
HSV hsv(230, 64%, 14%)
Perceptual (Color Science)
LAB lab(5.54, 4.15, -13.34)
LCH lch(5.54, 13.97, 287.3°)
XYZ xyz(0.68, 0.61, 1.75)
OKLab oklab(0.1849, 0.0021, -0.0392)
Accessibility (WCAG 2.1)
Aa
On White
18.70:1
AAA Pass
Aa
On Black
1.12:1
Fail
Aa
White on Color
18.70:1
AAA Pass
Aa
Black on Color
1.12:1
Fail
0.6%
Relative Luminance
0.0061
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
#25210E
Complementary
of Black
#160E25
Analogous
of Black
#0E1D25
Analogous
of Black
#222C5E
Lighter Tint
of Black
#364696
Lighter Tint
of Black
#5668C2
Lighter Tint
of Black
#070913
Darker Shade
of Black
#070913
Darker Shade
of Black
#070913
Darker Shade
of Black
Black
Named Color
Discover the Hue
#273463
Midnight Blue
12.9% Blue
Web Formats
HEX #273463
RGB 39,52,99
HSL hsl(227, 43%, 27%)
HWB hwb(227, 15%, 61%)
Print & Design
CMYK cmyk(61%, 47%, 0%, 61%)
HSV hsv(227, 61%, 39%)
Perceptual (Color Science)
LAB lab(22.96, 10.46, -29.53)
LCH lch(22.96, 31.33, 289.5°)
XYZ xyz(4.32, 3.79, 12.31)
OKLab oklab(0.3396, -0.0002, -0.0841)
Accessibility (WCAG 2.1)
Aa
On White
11.95:1
AAA Pass
Aa
On Black
1.76:1
Fail
Aa
White on Color
11.95:1
AAA Pass
Aa
Black on Color
1.76:1
Fail
3.8%
Relative Luminance
0.0379
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
#625627
Complementary
of Midnight Blue
#382762
Analogous
of Midnight Blue
#275262
Analogous
of Midnight Blue
#3D5199
Lighter Tint
of Midnight Blue
#6277C0
Lighter Tint
of Midnight Blue
#99A6D6
Lighter Tint
of Midnight Blue
#11172C
Darker Shade
of Midnight Blue
#070A12
Darker Shade
of Midnight Blue
#070A12
Darker Shade
of Midnight Blue
Midnight Blue
Named Color
Discover the Hue
#2B2D4C
Dark Slate Gray
6.9% Gray
Web Formats
HEX #2B2D4C
RGB 43,45,76
HSL hsl(236, 28%, 23%)
HWB hwb(236, 17%, 70%)
Print & Design
CMYK cmyk(43%, 41%, 0%, 70%)
HSV hsv(236, 43%, 30%)
Perceptual (Color Science)
LAB lab(19.69, 8.27, -19.45)
LCH lch(19.69, 21.13, 293°)
XYZ xyz(3.24, 2.91, 7.23)
OKLab oklab(0.3108, 0.0095, -0.0546)
Accessibility (WCAG 2.1)
Aa
On White
13.27:1
AAA Pass
Aa
On Black
1.58:1
Fail
Aa
White on Color
13.27:1
AAA Pass
Aa
Black on Color
1.58:1
Fail
2.9%
Relative Luminance
0.0291
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
#4B492A
Complementary
of Dark Slate Gray
#382A4B
Analogous
of Dark Slate Gray
#2A3D4B
Analogous
of Dark Slate Gray
#46497C
Lighter Tint
of Dark Slate Gray
#666AA9
Lighter Tint
of Dark Slate Gray
#979AC4
Lighter Tint
of Dark Slate Gray
#0F0F1A
Darker Shade
of Dark Slate Gray
#090A10
Darker Shade
of Dark Slate Gray
#090A10
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#41529A
Dark Slate Blue
5.1% Purple
Web Formats
HEX #41529A
RGB 65,82,154
HSL hsl(229, 41%, 43%)
HWB hwb(229, 25%, 40%)
Print & Design
CMYK cmyk(58%, 47%, 0%, 40%)
HSV hsv(229, 58%, 60%)
Perceptual (Color Science)
LAB lab(36.91, 15.8, -41.49)
LCH lch(36.91, 44.4, 290.8°)
XYZ xyz(11.03, 9.49, 31.82)
OKLab oklab(0.462, 0.0023, -0.1182)
Accessibility (WCAG 2.1)
Aa
On White
7.25:1
AAA Pass
Aa
On Black
2.90:1
Fail
Aa
White on Color
7.25:1
AAA Pass
Aa
Black on Color
2.90:1
Fail
9.5%
Relative Luminance
0.0949
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
#9B8A41
Complementary
of Dark Slate Blue
#5D419B
Analogous
of Dark Slate Blue
#417E9B
Analogous
of Dark Slate Blue
#6878C0
Lighter Tint
of Dark Slate Blue
#9EA8D6
Lighter Tint
of Dark Slate Blue
#D4D8ED
Lighter Tint
of Dark Slate Blue
#2A3565
Darker Shade
of Dark Slate Blue
#14192F
Darker Shade
of Dark Slate Blue
#080912
Darker Shade
of Dark Slate Blue
Dark Slate Blue
Named Color
Discover the Hue
#5565C7
Slate Blue
3.7% Purple
Web Formats
HEX #5565C7
RGB 85,101,199
HSL hsl(232, 50%, 56%)
HWB hwb(232, 33%, 22%)
Print & Design
CMYK cmyk(57%, 49%, 0%, 22%)
HSV hsv(232, 57%, 78%)
Perceptual (Color Science)
LAB lab(46.12, 23.06, -53.13)
LCH lch(46.12, 57.92, 293.5°)
XYZ xyz(18.71, 15.36, 56)
OKLab oklab(0.5443, 0.0088, -0.1518)
Accessibility (WCAG 2.1)
Aa
On White
5.16:1
AA Pass
Aa
On Black
4.07:1
Large Only
Aa
White on Color
5.16:1
AA Pass
Aa
Black on Color
4.07:1
Large Only
15.4%
Relative Luminance
0.1536
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
#C7B857
Complementary
of Slate Blue
#8057C7
Analogous
of Slate Blue
#579EC7
Analogous
of Slate Blue
#909ADA
Lighter Tint
of Slate Blue
#C9CEED
Lighter Tint
of Slate Blue
#ECEEF9
Lighter Tint
of Slate Blue
#34429D
Darker Shade
of Slate Blue
#212A63
Darker Shade
of Slate Blue
#0E122A
Darker Shade
of Slate Blue
Slate Blue
Named Color
Discover the Hue
#304484
Dark Slate Blue
3.5% Purple
Web Formats
HEX #304484
RGB 48,68,132
HSL hsl(226, 47%, 35%)
HWB hwb(226, 19%, 48%)
Print & Design
CMYK cmyk(64%, 48%, 0%, 48%)
HSV hsv(226, 64%, 52%)
Perceptual (Color Science)
LAB lab(30.47, 13.69, -38.43)
LCH lch(30.47, 40.79, 289.6°)
XYZ xyz(7.45, 6.43, 22.67)
OKLab oklab(0.4055, -0.0035, -0.1098)
Accessibility (WCAG 2.1)
Aa
On White
9.19:1
AAA Pass
Aa
On Black
2.29:1
Fail
Aa
White on Color
9.19:1
AAA Pass
Aa
Black on Color
2.29:1
Fail
6.4%
Relative Luminance
0.0643
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
#83702F
Complementary
of Dark Slate Blue
#462F83
Analogous
of Dark Slate Blue
#2F6D83
Analogous
of Dark Slate Blue
#4460BB
Lighter Tint
of Dark Slate Blue
#7C8FD0
Lighter Tint
of Dark Slate Blue
#B4BFE4
Lighter Tint
of Dark Slate Blue
#1B264B
Darker Shade
of Dark Slate Blue
#070A13
Darker Shade
of Dark Slate Blue
#070A13
Darker Shade
of Dark Slate Blue
Dark Slate Blue
Named Color
Discover the Hue
#6677DA
Medium Slate Blue
3.2% Purple
Web Formats
HEX #6677DA
RGB 102,119,218
HSL hsl(231, 61%, 63%)
HWB hwb(231, 40%, 15%)
Print & Design
CMYK cmyk(53%, 45%, 0%, 15%)
HSV hsv(231, 53%, 85%)
Perceptual (Color Science)
LAB lab(53.04, 21.62, -52.83)
LCH lch(53.04, 57.08, 292.3°)
XYZ xyz(24.73, 21.08, 69.08)
OKLab oklab(0.6033, 0.0097, -0.1503)
Accessibility (WCAG 2.1)
Aa
On White
4.03:1
Large Only
Aa
On Black
5.22:1
AA Pass
Aa
White on Color
4.03:1
Large Only
Aa
Black on Color
5.22:1
AA Pass
21.1%
Relative Luminance
0.2108
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
#DAC967
Complementary
of Medium Slate Blue
#8F67DA
Analogous
of Medium Slate Blue
#67B2DA
Analogous
of Medium Slate Blue
#A5AFE9
Lighter Tint
of Medium Slate Blue
#E2E6F8
Lighter Tint
of Medium Slate Blue
#EAEDFA
Lighter Tint
of Medium Slate Blue
#3046C5
Darker Shade
of Medium Slate Blue
#213087
Darker Shade
of Medium Slate Blue
#121A4A
Darker Shade
of Medium Slate Blue
Medium Slate Blue
Named Color
Discover the Hue
#47476E
Dark Slate Blue
2.9% Purple
Web Formats
HEX #47476E
RGB 71,71,110
HSL hsl(240, 22%, 35%)
HWB hwb(240, 28%, 57%)
Print & Design
CMYK cmyk(35%, 35%, 0%, 57%)
HSV hsv(240, 35%, 43%)
Perceptual (Color Science)
LAB lab(31.74, 10.24, -22.54)
LCH lch(31.74, 24.76, 294.4°)
XYZ xyz(7.67, 6.97, 15.69)
OKLab oklab(0.4155, 0.0148, -0.0629)
Accessibility (WCAG 2.1)
Aa
On White
8.77:1
AAA Pass
Aa
On Black
2.39:1
Fail
Aa
White on Color
8.77:1
AAA Pass
Aa
Black on Color
2.39:1
Fail
7.0%
Relative Luminance
0.0697
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
#6D6D46
Complementary
of Dark Slate Blue
#59466D
Analogous
of Dark Slate Blue
#46596D
Analogous
of Dark Slate Blue
#63639C
Lighter Tint
of Dark Slate Blue
#9292B9
Lighter Tint
of Dark Slate Blue
#C1C1D7
Lighter Tint
of Dark Slate Blue
#28283E
Darker Shade
of Dark Slate Blue
#0A0A10
Darker Shade
of Dark Slate Blue
#0A0A10
Darker Shade
of Dark Slate Blue
Dark Slate Blue
Named Color
Discover the Hue

These hues were detected in Carlos Cabrera's acclaimed work "Beoplay Portal".

Carlos Cabrera

About Carlos Cabrera

Carlos Cabrera

Carlos Cabrera is a celebrated agency honored by the A' Design Award. Their portfolio reflects expertise in design innovation.

Discover more color palettes from Carlos Cabrera's award-winning work.

Explore Carlos Cabrera's Palettes View Carlos Cabrera's Profile
Platinum A' Movie, Video and Animation Design Award 2023

About the Award

Platinum A' Movie, Video and Animation Design Award 2023

Beoplay Portal was awarded with the Platinum A' Movie, Video and Animation Design Award in 2023. The A' Design Award is a well-established design recognition initiative that honors exemplary design excellence. Award recipients are determined through rigorous evaluation by qualified design professionals comprising academics, professionals and press members. The Platinum status represents notable design quality as judged by the review committee.

A' Movie, Video and Animation Design Award

Celebrate the art of storytelling through the captivating medium of film, video, and animation. The movie award category highlights exceptional narrative techniques, innovative editing, and powerful visual effects that transform the viewer's experience.

Recognizes: Feature Films, Short Films, Documentaries, Animations, Music Videos, Experimental Films, Commercials, Trailers and More.
Learn More About A' Movie, Video and Animation Design Award View at A' Design Award

More Palettes from Beoplay Portal

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

Beoplay Portal - View 2
283F42
1D292E
355556
436A6A
111219
507C7B
5B8A89
3C2C24
Beoplay Portal • View 2
Beoplay Portal - View 3
050515
364A6E
202943
101529
455F86
2D3A5B
59799D
5A81BC
Beoplay Portal • View 3
Beoplay Portal - View 4
957B61
7C624B
634C3A
F5EFED
A99077
4F3A27
E1D5C8
CCBBA9
Beoplay Portal • View 4
Beoplay Portal - View 5
252C16
3C4522
A39D8A
6B6D4B
575D3E
808061
50591F
738685
Beoplay Portal • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Mazuque Comfort
200503
7D2719
641A13
342012
4D3420
4E0E0B
963522
60472E
Mazuque Comfort
32,074 ID#170105
Nunn Bush
717170
5D5C5C
7E3D27
828282
532417
974E34
3B1A13
69301F
Nunn Bush
56,317 ID#150585
The 31st Golden Melody Awards Trailer
13120B
30281D
524431
705D44
866D4D
A68965
423727
7F7564
The 31st Golden Melody Awards Trailer
52,001 ID#142935
134340 Music Video
F5A1C0
F8D2DD
E1F0E1
60285B
7C3965
3F1B54
8D5079
BA7B9C
134340 Music Video
34,338 ID#119694
SLV Group Promo
27292B
4A4B46
636258
383A38
7A7669
908A78
A49A85
B6AA93
SLV Group Promo
22,508 ID#123875
Poznan Marathon Medal
B7876E
767B83
666B71
8E959E
3B3D40
A4ABB5
A67861
B4BBC6
Poznan Marathon Medal
33,839 ID#94314
Temptress Moon
AF5A01
2E1A13
954C03
3F2F22
99661B
866734
634F30
695A42
Temptress Moon
14,662 ID#139505
Uncontrolled Love
183247
28475B
F5A107
D65634
35586D
5C7D91
809DAB
242428
Uncontrolled Love
12,186 ID#137404
Birch
AEB2BB
CDD1D8
E9EBEE
BFC3CB
9B9EA6
848891
5E616B
494C54
Birch
1,281,359 ID#163625
Wen Shan Hai
1F1610
3A291C
503A28
0C0705
6D573C
1F2A24
6F3F2E
594B37
Wen Shan Hai
798,847 ID#164834
Tickless Mini
634D40
483932
342822
7B6457
8F7769
D2C8BD
A48D7D
C4B5A7
Tickless Mini
1,085,282 ID#167364
Cali
5A9ABD
EDEEEE
0F5548
99C5DA
51A9D2
68A9CB
119186
C6C7D2
Cali
699,672 ID#167935