On Recruit Color Palette | Interface Colors
Interface Colors

Color Palette

On Recruit — Recruitment Website

E8E8E8
Copy As
HEX #E8E8E8
RGB rgb(232,232,232)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
ADADB2
Copy As
HEX #ADADB2
RGB rgb(173,173,178)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
0B0C0C
Copy As
HEX #0B0C0C
RGB rgb(11,12,12)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
787D87
Copy As
HEX #787D87
RGB rgb(120,125,135)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
D3D2D4
Copy As
HEX #D3D2D4
RGB rgb(211,210,212)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
929499
Copy As
HEX #929499
RGB rgb(146,148,153)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
2F3032
Copy As
HEX #2F3032
RGB rgb(47,48,50)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
B6C1D2
Copy As
HEX #B6C1D2
RGB rgb(182,193,210)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
#E8E8E8
#ADADB2
#0B0C0C
#787D87
#D3D2D4
#929499
#2F3032
#B6C1D2
On Recruit

This palette was extracted from

On Recruit

Award-Winning Recruitment Website

About the Design

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

About the Award-Winning Recruitment Website Design: This recruitment platform reimagines traditional job seeking by merging visually captivating design with a dynamic user experience. Drawing inspiration from Japanese street culture and incorporating danmaku effects, the site delivers a unique blend of aesthetics and interaction. The platform's innovative approach to presenting employer content aims to not only attract job seekers but also inspire them to engage deeply with the company's values and culture.

This palette has a neutral temperature, providing flexibility in various contexts.

View at A' Design Award

On Recruit, the design behind this palette, was designed by Shogo Tabuchi.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#E8E8E8
Lavender
42.6% Purple
Web Formats
HEX #E8E8E8
RGB 232,232,232
HSL hsl(0, 0%, 91%)
HWB hwb(0, 91%, 9%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 9%)
HSV hsv(0, 0%, 91%)
Perceptual (Color Science)
LAB lab(92, -0, 0)
LCH lch(92, 0, 158.2°)
XYZ xyz(76.7, 80.7, 87.86)
OKLab oklab(0.931, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.23:1
Fail
Aa
On Black
17.14:1
AAA Pass
Aa
White on Color
1.23:1
Fail
Aa
Black on Color
17.14:1
AAA Pass
80.7%
Relative Luminance
0.8070
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
#E8E8E8
Complementary
of Lavender
#E8E8E8
Analogous
of Lavender
#E8E8E8
Analogous
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#C2C2C2
Darker Shade
of Lavender
#9C9C9C
Darker Shade
of Lavender
#757575
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#ADADB2
Dark Gray
11.6% Gray
Web Formats
HEX #ADADB2
RGB 173,173,178
HSL hsl(240, 3%, 69%)
HWB hwb(240, 68%, 30%)
Print & Design
CMYK cmyk(3%, 3%, 0%, 30%)
HSV hsv(240, 3%, 70%)
Perceptual (Color Science)
LAB lab(70.86, 0.95, -2.56)
LCH lch(70.86, 2.73, 290.4°)
XYZ xyz(40.21, 41.99, 48.1)
OKLab oklab(0.7491, 0.002, -0.0068)
Accessibility (WCAG 2.1)
Aa
On White
2.23:1
Fail
Aa
On Black
9.40:1
AAA Pass
Aa
White on Color
2.23:1
Fail
Aa
Black on Color
9.40:1
AAA Pass
42.0%
Relative Luminance
0.4199
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
#B2B2AE
Complementary
of Dark Gray
#B0AEB2
Analogous
of Dark Gray
#AEB0B2
Analogous
of Dark Gray
#D5D5D7
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#86868D
Darker Shade
of Dark Gray
#606066
Darker Shade
of Dark Gray
#3B3B3F
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#0B0C0C
Black
11.7% Black
Web Formats
HEX #0B0C0C
RGB 11,12,12
HSL hsl(180, 4%, 5%)
HWB hwb(180, 4%, 95%)
Print & Design
CMYK cmyk(8%, 0%, 0%, 95%)
HSV hsv(180, 8%, 5%)
Perceptual (Color Science)
LAB lab(3.26, -0.28, -0.1)
LCH lch(3.26, 0.3, 199.4°)
XYZ xyz(0.34, 0.36, 0.4)
OKLab oklab(0.1532, -0.0016, -0.0005)
Accessibility (WCAG 2.1)
Aa
On White
19.59:1
AAA Pass
Aa
On Black
1.07:1
Fail
Aa
White on Color
19.59:1
AAA Pass
Aa
Black on Color
1.07:1
Fail
0.4%
Relative Luminance
0.0036
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
#0D0C0C
Complementary
of Black
#0C0D0D
Analogous
of Black
#0C0D0D
Analogous
of Black
#313535
Lighter Tint
of Black
#565D5D
Lighter Tint
of Black
#7A8585
Lighter Tint
of Black
#0C0D0D
Darker Shade
of Black
#0C0D0D
Darker Shade
of Black
#0C0D0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#787D87
Gray
8.7% Gray
Web Formats
HEX #787D87
RGB 120,125,135
HSL hsl(220, 6%, 50%)
HWB hwb(220, 47%, 47%)
Print & Design
CMYK cmyk(11%, 7%, 0%, 47%)
HSV hsv(220, 11%, 53%)
Perceptual (Color Science)
LAB lab(52.3, 0.27, -6.06)
LCH lch(52.3, 6.06, 272.5°)
XYZ xyz(19.45, 20.41, 25.83)
OKLab oklab(0.5888, -0.0016, -0.0163)
Accessibility (WCAG 2.1)
Aa
On White
4.13:1
Large Only
Aa
On Black
5.08:1
AA Pass
Aa
White on Color
4.13:1
Large Only
Aa
Black on Color
5.08:1
AA Pass
20.4%
Relative Luminance
0.2041
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
#878278
Complementary
of Gray
#7A7887
Analogous
of Gray
#788587
Analogous
of Gray
#A0A4AB
Lighter Tint
of Gray
#C9CBCF
Lighter Tint
of Gray
#F1F2F3
Lighter Tint
of Gray
#54575F
Darker Shade
of Gray
#303236
Darker Shade
of Gray
#0C0C0E
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#D3D2D4
Light Gray
7.5% Gray
Web Formats
HEX #D3D2D4
RGB 211,210,212
HSL hsl(270, 2%, 83%)
HWB hwb(270, 82%, 17%)
Print & Design
CMYK cmyk(0%, 1%, 0%, 17%)
HSV hsv(270, 1%, 83%)
Perceptual (Color Science)
LAB lab(84.33, 0.7, -0.87)
LCH lch(84.33, 1.12, 309.1°)
XYZ xyz(61.79, 64.7, 71.51)
OKLab oklab(0.8651, 0.0018, -0.0023)
Accessibility (WCAG 2.1)
Aa
On White
1.51:1
Fail
Aa
On Black
13.94:1
AAA Pass
Aa
White on Color
1.51:1
Fail
Aa
Black on Color
13.94:1
AAA Pass
64.7%
Relative Luminance
0.6470
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
#D4D5D3
Complementary
of Light Gray
#D5D3D5
Analogous
of Light Gray
#D3D3D5
Analogous
of Light Gray
#F2F2F3
Lighter Tint
of Light Gray
#F2F2F3
Lighter Tint
of Light Gray
#F2F2F3
Lighter Tint
of Light Gray
#ADACAF
Darker Shade
of Light Gray
#87858A
Darker Shade
of Light Gray
#615F63
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#929499
Light Slate Gray
7.1% Gray
Web Formats
HEX #929499
RGB 146,148,153
HSL hsl(223, 3%, 59%)
HWB hwb(223, 57%, 40%)
Print & Design
CMYK cmyk(5%, 3%, 0%, 40%)
HSV hsv(223, 5%, 60%)
Perceptual (Color Science)
LAB lab(61.3, 0.27, -2.89)
LCH lch(61.3, 2.9, 275.3°)
XYZ xyz(28.19, 29.59, 34.36)
OKLab oklab(0.6665, -0.0002, -0.0077)
Accessibility (WCAG 2.1)
Aa
On White
3.04:1
Large Only
Aa
On Black
6.92:1
AA Pass
Aa
White on Color
3.04:1
Large Only
Aa
Black on Color
6.92:1
AA Pass
29.6%
Relative Luminance
0.2959
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
#9A9893
Complementary
of Light Slate Gray
#95939A
Analogous
of Light Slate Gray
#93989A
Analogous
of Light Slate Gray
#BBBCBF
Lighter Tint
of Light Slate Gray
#E2E3E4
Lighter Tint
of Light Slate Gray
#F2F2F3
Lighter Tint
of Light Slate Gray
#6D6F74
Darker Shade
of Light Slate Gray
#48494C
Darker Shade
of Light Slate Gray
#232325
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#2F3032
Dark Slate Gray
5.7% Gray
Web Formats
HEX #2F3032
RGB 47,48,50
HSL hsl(220, 3%, 19%)
HWB hwb(220, 18%, 80%)
Print & Design
CMYK cmyk(6%, 4%, 0%, 80%)
HSV hsv(220, 6%, 20%)
Perceptual (Color Science)
LAB lab(19.84, 0.04, -1.43)
LCH lch(19.84, 1.43, 271.8°)
XYZ xyz(2.8, 2.95, 3.44)
OKLab oklab(0.3089, -0.0004, -0.0038)
Accessibility (WCAG 2.1)
Aa
On White
13.21:1
AAA Pass
Aa
On Black
1.59:1
Fail
Aa
White on Color
13.21:1
AAA Pass
Aa
Black on Color
1.59:1
Fail
3.0%
Relative Luminance
0.0295
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
#32312F
Complementary
of Dark Slate Gray
#2F2F32
Analogous
of Dark Slate Gray
#2F3132
Analogous
of Dark Slate Gray
#545659
Lighter Tint
of Dark Slate Gray
#797C81
Lighter Tint
of Dark Slate Gray
#A0A2A6
Lighter Tint
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#B6C1D2
Light Steel Blue
5.1% Blue
Web Formats
HEX #B6C1D2
RGB 182,193,210
HSL hsl(216, 24%, 77%)
HWB hwb(216, 71%, 18%)
Print & Design
CMYK cmyk(13%, 8%, 0%, 18%)
HSV hsv(216, 13%, 82%)
Perceptual (Color Science)
LAB lab(77.72, -0.36, -9.79)
LCH lch(77.72, 9.8, 267.9°)
XYZ xyz(49.99, 52.74, 68.51)
OKLab oklab(0.8077, -0.0051, -0.0264)
Accessibility (WCAG 2.1)
Aa
On White
1.82:1
Fail
Aa
On Black
11.55:1
AAA Pass
Aa
White on Color
1.82:1
Fail
Aa
Black on Color
11.55:1
AAA Pass
52.7%
Relative Luminance
0.5274
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
#D2C7B6
Complementary
of Light Steel Blue
#B9B6D2
Analogous
of Light Steel Blue
#B6D0D2
Analogous
of Light Steel Blue
#E6EAEF
Lighter Tint
of Light Steel Blue
#EFF2F5
Lighter Tint
of Light Steel Blue
#EFF2F5
Lighter Tint
of Light Steel Blue
#8799B5
Darker Shade
of Light Steel Blue
#5B7295
Darker Shade
of Light Steel Blue
#3E4E65
Darker Shade
of Light Steel Blue
Light Steel Blue
Named Color
Discover the Hue

This palette was extracted from Shogo Tabuchi's recognized creation "On Recruit".

Shogo Tabuchi

About Shogo Tabuchi

Shogo Tabuchi

Shogo Tabuchi is a renowned partnership honored by the A' Design Award. Their portfolio reflects expertise in design innovation.

Shogo Tabuchi is the founder of S5 Studios, a creative studio specializing in web design, interaction design, and UI/UX development. With expertise in visual art direction for video, stills, and illustrations, as well as front-end development, Tabuchi focuses on creating designs that bridge the digital and human worlds. His work spans a diverse range of clients, from artists and fashion brands to manufacturers and corporations, contributing to society by delivering innovative designs that offer fresh perspectives.

Discover more color palettes from Shogo Tabuchi's award-winning work.

Explore Shogo Tabuchi's Palettes View Shogo Tabuchi's Profile
Silver A' Website and Web Design Award 2025

About the Award

Silver A' Website and Web Design Award 2025

On Recruit has been recognized with the Silver A' Website and Web 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 Silver status signifies significant creative merit as evaluated by the evaluation panel.

A' Website and Web Design Award

Elevate your digital presence with cutting-edge website and web design entries. The web award category highlights exceptional user experience, innovative interface design, and seamless functionality.

Recognizes: Web Design, Portfolios, E-Commerce Sites, Blogs, News Websites, Social Media Platforms, Educational Websites, Non-Profit Websites, Personal Websites and More.
Learn More About A' Website and Web Design Award View at A' Design Award

More Palettes from On Recruit

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

On Recruit - View 2
E8E8E8
CECDCE
B1B1B1
686868
DAD8D8
71600A
006553
222322
On Recruit • View 2
On Recruit - View 3
000000
E7E7E7
9B9B9E
6F6F70
89898D
BDBBBD
444446
7C7E85
On Recruit • View 3
On Recruit - View 4
0F0E0F
7F838A
94959A
3B3C40
B8C5DA
DBD7D7
FC6305
4F4F54
On Recruit • View 4
On Recruit - View 5
CFCFCF
010001
E8E8E8
9F9EA1
666565
464648
03E2BA
BDBDBF
On Recruit • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

S5 Style
00685D
16857C
ABC9C9
D0D3D6
E3E5E7
A1B1B3
9EBEBF
F4F4F5
S5 Style
62,582 ID#165083
S5 Studios
053363
0C3D76
052444
094B96
1459AE
1D4B7A
1D5B98
163150
S5 Studios
94,165 ID#109845
Dotline Branding
FDFDFD
FB1718
FBFB18
E7E7EA
FC3838
C7C7C8
9C9C9D
3F3F3F
Dotline Branding
94,318 ID#168462
More By Us
383B3A
B2B2B2
595A5A
828283
E2E3E2
C5C5C6
9D9D9D
C9EB91
More By Us
62,504 ID#169767
Сode UA
0196FD
010407
EAECEF
DADDDF
05355C
28A0F9
032340
838586
Сode UA
62,772 ID#168767
K Soft Website
1A1B1B
313132
454849
B5B5B5
5B6263
8C8D8D
6B7172
9E9F9F
K Soft Website
67,721 ID#165105
Flow
3B393B
29262B
525152
676767
C7C7C7
818181
969695
B5B5B5
Flow
62,417 ID#164183
Baidu Smart City
05172F
0B2844
133753
0B3D62
1A4962
11546D
A6A7A7
0D111B
Baidu Smart City
657,841 ID#149175
Datalense
0F0C08
282119
5D4D3E
43362A
6A6358
A1988D
867467
795A3E
Datalense
731,173 ID#162927
Epichust
161618
303132
4E4D4D
232526
404041
8A8C91
09090A
5C5D5D
Epichust
2,968,423 ID#141914
Venous Materials
E1C7B8
E3DCDA
D3B19E
C49A86
B68471
A66F5E
925E51
7E4B3F
Venous Materials
192,244 ID#106683
MyJCB
E3E5E8
3C67DC
1C7ED7
C6C7C9
4C72DE
3A93E5
9DB5E5
EEF1F5
MyJCB
66,958 ID#167269