Sreed Ebisu T - 8 Color Palette | Design Hues
Design Hues

Color Palette

Sreed Ebisu T — Office Building

345992
Copy As
HEX #345992
RGB rgb(52,89,146)
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
496DA5
Copy As
HEX #496DA5
RGB rgb(73,109,165)
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
1C1B1D
Copy As
HEX #1C1B1D
RGB rgb(28,27,29)
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
333134
Copy As
HEX #333134
RGB rgb(51,49,52)
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
4A4E55
Copy As
HEX #4A4E55
RGB rgb(74,78,85)
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
5B5E64
Copy As
HEX #5B5E64
RGB rgb(91,94,100)
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
767472
Copy As
HEX #767472
RGB rgb(118,116,114)
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
0A0A0B
Copy As
HEX #0A0A0B
RGB rgb(10,10,11)
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
#345992
#496DA5
#1C1B1D
#333134
#4A4E55
#5B5E64
#767472
#0A0A0B
Sreed Ebisu T

This palette was extracted from

Sreed Ebisu T

Award-Winning Office Building

About the Design

This design features Dark Slate Blue, Steel Blue, Black, Dark Slate Gray, and Dim Gray.

About the Award-Winning Office Building Design: This project is a nine story office building in central Tokyo that aims to create a new prototype for urban timber architecture. The proposal was a hybrid structure of a steel post and beam frame and timber seismic frames inserted into it. This timber frame, named seismic timber lattice shell, is not only a structural but also an interior element to realize new workspaces where people can work in a more relaxed mode, enjoying the spatial value of the timber construction.

This palette has a refreshing feel, creating peaceful balance.

View at A' Design Award

Sreed Ebisu T, the source of these colors, was designed by Motoki Yasuhara.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#345992
Dark Slate Blue
39.8% Purple
Web Formats
HEX #345992
RGB 52,89,146
HSL hsl(216, 47%, 39%)
HWB hwb(216, 20%, 43%)
Print & Design
CMYK cmyk(64%, 39%, 0%, 43%)
HSV hsv(216, 64%, 57%)
Perceptual (Color Science)
LAB lab(37.75, 5.73, -35.37)
LCH lch(37.75, 35.83, 279.2°)
XYZ xyz(10.18, 9.95, 28.57)
OKLab oklab(0.465, -0.02, -0.1005)
Accessibility (WCAG 2.1)
Aa
On White
7.02:1
AAA Pass
Aa
On Black
2.99:1
Fail
Aa
White on Color
7.02:1
AAA Pass
Aa
Black on Color
2.99:1
Fail
10.0%
Relative Luminance
0.0995
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
#926D35
Complementary
of Dark Slate Blue
#3E3592
Analogous
of Dark Slate Blue
#358992
Analogous
of Dark Slate Blue
#537FC1
Lighter Tint
of Dark Slate Blue
#8BA9D5
Lighter Tint
of Dark Slate Blue
#C3D2E9
Lighter Tint
of Dark Slate Blue
#20375A
Darker Shade
of Dark Slate Blue
#0C1522
Darker Shade
of Dark Slate Blue
#070C13
Darker Shade
of Dark Slate Blue
Dark Slate Blue
Named Color
Discover the Hue
#496DA5
Steel Blue
14.1% Blue
Web Formats
HEX #496DA5
RGB 73,109,165
HSL hsl(217, 39%, 47%)
HWB hwb(217, 29%, 35%)
Print & Design
CMYK cmyk(56%, 34%, 0%, 35%)
HSV hsv(217, 56%, 65%)
Perceptual (Color Science)
LAB lab(45.73, 4.16, -34.02)
LCH lch(45.73, 34.27, 277°)
XYZ xyz(15.01, 15.07, 37.71)
OKLab oklab(0.5332, -0.0188, -0.096)
Accessibility (WCAG 2.1)
Aa
On White
5.23:1
AA Pass
Aa
On Black
4.01:1
Large Only
Aa
White on Color
5.23:1
AA Pass
Aa
Black on Color
4.01:1
Large Only
15.1%
Relative Luminance
0.1507
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
#A78349
Complementary
of Steel Blue
#5449A7
Analogous
of Steel Blue
#499CA7
Analogous
of Steel Blue
#7895C4
Lighter Tint
of Steel Blue
#ADBFDB
Lighter Tint
of Steel Blue
#E3E9F3
Lighter Tint
of Steel Blue
#324A71
Darker Shade
of Steel Blue
#1A273C
Darker Shade
of Steel Blue
#080C12
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#1C1B1D
Black
9.8% Black
Web Formats
HEX #1C1B1D
RGB 28,27,29
HSL hsl(270, 4%, 11%)
HWB hwb(270, 11%, 89%)
Print & Design
CMYK cmyk(3%, 7%, 0%, 89%)
HSV hsv(270, 7%, 11%)
Perceptual (Color Science)
LAB lab(9.95, 0.99, -1.21)
LCH lch(9.95, 1.57, 309.3°)
XYZ xyz(1.09, 1.12, 1.32)
OKLab oklab(0.2241, 0.0025, -0.0032)
Accessibility (WCAG 2.1)
Aa
On White
17.16:1
AAA Pass
Aa
On Black
1.22:1
Fail
Aa
White on Color
17.16:1
AAA Pass
Aa
Black on Color
1.22:1
Fail
1.1%
Relative Luminance
0.0112
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
#1C1D1B
Complementary
of Black
#1D1B1D
Analogous
of Black
#1B1B1D
Analogous
of Black
#424045
Lighter Tint
of Black
#69646D
Lighter Tint
of Black
#8F8A93
Lighter Tint
of Black
#0D0C0D
Darker Shade
of Black
#0D0C0D
Darker Shade
of Black
#0D0C0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#333134
Dark Slate Gray
9.6% Gray
Web Formats
HEX #333134
RGB 51,49,52
HSL hsl(280, 3%, 20%)
HWB hwb(280, 19%, 80%)
Print & Design
CMYK cmyk(2%, 6%, 0%, 80%)
HSV hsv(280, 6%, 20%)
Perceptual (Color Science)
LAB lab(20.63, 1.58, -1.59)
LCH lch(20.63, 2.24, 314.9°)
XYZ xyz(3.08, 3.15, 3.69)
OKLab oklab(0.3164, 0.0042, -0.0042)
Accessibility (WCAG 2.1)
Aa
On White
12.89:1
AAA Pass
Aa
On Black
1.63:1
Fail
Aa
White on Color
12.89:1
AAA Pass
Aa
Black on Color
1.63:1
Fail
3.2%
Relative Luminance
0.0315
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
#323531
Complementary
of Dark Slate Gray
#353134
Analogous
of Dark Slate Gray
#323135
Analogous
of Dark Slate Gray
#5A575C
Lighter Tint
of Dark Slate Gray
#817C83
Lighter Tint
of Dark Slate Gray
#A7A3A8
Lighter Tint
of Dark Slate Gray
#0D0C0D
Darker Shade
of Dark Slate Gray
#0D0C0D
Darker Shade
of Dark Slate Gray
#0D0C0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#4A4E55
Dark Slate Gray
9.0% Gray
Web Formats
HEX #4A4E55
RGB 74,78,85
HSL hsl(218, 7%, 31%)
HWB hwb(218, 29%, 67%)
Print & Design
CMYK cmyk(13%, 8%, 0%, 67%)
HSV hsv(218, 13%, 33%)
Perceptual (Color Science)
LAB lab(33.05, 0.02, -4.67)
LCH lch(33.05, 4.67, 270.2°)
XYZ xyz(7.19, 7.56, 9.67)
OKLab oklab(0.4228, -0.0018, -0.0126)
Accessibility (WCAG 2.1)
Aa
On White
8.36:1
AAA Pass
Aa
On Black
2.51:1
Fail
Aa
White on Color
8.36:1
AAA Pass
Aa
Black on Color
2.51:1
Fail
7.6%
Relative Luminance
0.0756
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
#55514A
Complementary
of Dark Slate Gray
#4B4A55
Analogous
of Dark Slate Gray
#4A5355
Analogous
of Dark Slate Gray
#6D737E
Lighter Tint
of Dark Slate Gray
#959AA3
Lighter Tint
of Dark Slate Gray
#BEC1C6
Lighter Tint
of Dark Slate Gray
#26282C
Darker Shade
of Dark Slate Gray
#0C0D0E
Darker Shade
of Dark Slate Gray
#0C0D0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#5B5E64
Dim Gray
6.3% Gray
Web Formats
HEX #5B5E64
RGB 91,94,100
HSL hsl(220, 5%, 37%)
HWB hwb(220, 36%, 61%)
Print & Design
CMYK cmyk(9%, 6%, 0%, 61%)
HSV hsv(220, 9%, 39%)
Perceptual (Color Science)
LAB lab(39.83, 0.15, -3.83)
LCH lch(39.83, 3.83, 272.2°)
XYZ xyz(10.62, 11.15, 13.65)
OKLab oklab(0.4813, -0.001, -0.0103)
Accessibility (WCAG 2.1)
Aa
On White
6.50:1
AA Pass
Aa
On Black
3.23:1
Large Only
Aa
White on Color
6.50:1
AA Pass
Aa
Black on Color
3.23:1
Large Only
11.2%
Relative Luminance
0.1115
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
#63605A
Complementary
of Dim Gray
#5B5A63
Analogous
of Dim Gray
#5A6163
Analogous
of Dim Gray
#7E838B
Lighter Tint
of Dim Gray
#A7A9AF
Lighter Tint
of Dim Gray
#CFD0D3
Lighter Tint
of Dim Gray
#35373B
Darker Shade
of Dim Gray
#111213
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#767472
Dim Gray
5.9% Gray
Web Formats
HEX #767472
RGB 118,116,114
HSL hsl(30, 2%, 45%)
HWB hwb(30, 45%, 54%)
Print & Design
CMYK cmyk(0%, 2%, 3%, 54%)
HSV hsv(30, 3%, 46%)
Perceptual (Color Science)
LAB lab(48.95, 0.37, 1.37)
LCH lch(48.95, 1.42, 75°)
XYZ xyz(16.75, 17.56, 18.42)
OKLab oklab(0.5601, 0.0015, 0.0036)
Accessibility (WCAG 2.1)
Aa
On White
4.65:1
AA Pass
Aa
On Black
4.51:1
AA Pass
Aa
White on Color
4.65:1
AA Pass
Aa
Black on Color
4.51:1
AA Pass
17.6%
Relative Luminance
0.1756
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
#707375
Complementary
of Dim Gray
#757570
Analogous
of Dim Gray
#757070
Analogous
of Dim Gray
#9B9997
Lighter Tint
of Dim Gray
#C1BFBE
Lighter Tint
of Dim Gray
#E6E6E5
Lighter Tint
of Dim Gray
#4E4D4B
Darker Shade
of Dim Gray
#272625
Darker Shade
of Dim Gray
#0D0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#0A0A0B
Black
5.5% Black
Web Formats
HEX #0A0A0B
RGB 10,10,11
HSL hsl(240, 5%, 4%)
HWB hwb(240, 4%, 96%)
Print & Design
CMYK cmyk(9%, 9%, 0%, 96%)
HSV hsv(240, 9%, 4%)
Perceptual (Color Science)
LAB lab(2.76, 0.14, -0.39)
LCH lch(2.76, 0.41, 290.2°)
XYZ xyz(0.29, 0.31, 0.36)
OKLab oklab(0.1452, 0.0006, -0.002)
Accessibility (WCAG 2.1)
Aa
On White
19.79:1
AAA Pass
Aa
On Black
1.06:1
Fail
Aa
White on Color
19.79:1
AAA Pass
Aa
Black on Color
1.06:1
Fail
0.3%
Relative Luminance
0.0031
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
#0B0B0A
Complementary
of Black
#0A0A0B
Analogous
of Black
#0A0A0B
Analogous
of Black
#2E2E33
Lighter Tint
of Black
#52525B
Lighter Tint
of Black
#777783
Lighter Tint
of Black
#0C0C0D
Darker Shade
of Black
#0C0C0D
Darker Shade
of Black
#0C0C0D
Darker Shade
of Black
Black
Named Color
Discover the Hue

This color palette was derived from Motoki Yasuhara's award-winning project "Sreed Ebisu T".

About Motoki Yasuhara

Motoki Yasuhara

Motoki Yasuhara is a celebrated agency acknowledged by the A' Design Award. Their work embodies mastery in design excellence.

Motoki Yasuhara is a Japanese architect and associate professor at the University of Tokyo. After working for nine years at the office of Riken Yamamoto, a 2024 Pritzker Prize laureate, he co-founded the architect office SALHAUS in Tokyo with Masashi Hino and Mari Tochizawa. Since then, he has received high praise for the many timber public buildings with local timber. In recent years, he has also realized several high-profile projects involving mixed-use urban architecture, including urban timber buildings.

Discover more color palettes from Motoki Yasuhara's award-winning work.

Explore Motoki Yasuhara's Palettes View Motoki Yasuhara's Profile
Silver A' Architecture, Building and Structure Design Award 2025

About the Award

Silver A' Architecture, Building and Structure Design Award 2025

Sreed Ebisu T has been recognized with the Silver A' Architecture, Building and Structure 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 with diverse expertise in design. The Silver status indicates commendable design excellence as assessed by the judging body.

A' Architecture, Building and Structure Design Award

Elevate the art of structural design with your visionary architectural projects. The architecture award category highlights exceptional creativity, technical ingenuity, and the integration of sustainable practices in the built environment.

Recognizes: Skyscrapers, Museums, Residential Buildings, Commercial Complexes, Educational Institutions, Religious Structures, Infrastructure Designs, Landscaping Projects and More.
Learn More About A' Architecture, Building and Structure Design Award View at A' Design Award

More Palettes from Sreed Ebisu T

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

Sreed Ebisu T - View 2
744715
7E5C39
A06F37
8F5B1F
613507
C4A27F
B28E68
98785A
Sreed Ebisu T • View 2
Sreed Ebisu T - View 3
5E4025
755436
472B15
876647
987756
665B52
4A484B
2B170B
Sreed Ebisu T • View 3
Sreed Ebisu T - View 4
02183C
1A1413
302621
1B263D
47372E
5E4938
735941
3E404A
Sreed Ebisu T • View 4
Sreed Ebisu T - View 5
7B7A7D
26262E
434147
9D9DA1
5A575C
6B686B
8D8B8E
33333B
Sreed Ebisu T • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

272 Hedges Avenue Pedestal
343524
20260C
646C7C
5E5F5D
798294
504E41
3D3C3E
F9FAFC
272 Hedges Avenue Pedestal
408,459 ID#148558
Ferdinand E Marcos Stadium
2A2A1D
151710
C6B3AC
A89DA1
8D838A
D9C3B7
686F3D
464445
Ferdinand E Marcos Stadium
98,368 ID#154128
Aida Sekkei Precut
5370A5
141613
6582B8
030403
7895CA
8EABDD
A27C6D
352B23
Aida Sekkei Precut
137,804 ID#160159
CC House
3D4221
131610
292D19
575B2F
040605
4F5514
6F6F23
5D626A
CC House
96,076 ID#158589
The Crystal Clubhouse
9FB8E7
BEC0DD
82AFEC
4B4E51
D9CED8
262521
393B3E
7E8798
The Crystal Clubhouse
128,665 ID#160999
Xi'an Qujiang Art Center
BFD0E4
85A1BF
A6BBD2
758FAF
343D43
687E9E
4B4E49
515A5E
Xi'an Qujiang Art Center
384,020 ID#136009
Arctic Aurora
C0AF9F
9EA1A1
DCC7AF
F9EDD1
AD9A8A
EED9BE
94877A
788486
Arctic Aurora
21,060 ID#168458
Urawa Garden Bldg.
5478B4
3E66A2
6A8CC7
2A538E
2C486D
96A0B8
7EA1D4
617C9A
Urawa Garden Bldg.
15,547 ID#171588
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
822,660 ID#149079
No Footprint Wood House
4B2A18
653C22
775037
886348
A08C73
A37C5D
9D714D
B98B5E
No Footprint Wood House
1,278,209 ID#164868
Secret of Eternity
9F6D4F
8D5E42
B88761
080705
71472F
D2D2D0
C69C77
C3C2BF
Secret of Eternity
804,674 ID#165548
Spring Dance
B78B72
A3765F
614234
92644D
7B5340
CAA087
2A1D17
4D3126
Spring Dance
1,075,382 ID#165949