Palette 2: Lab Future Construction | Design Colors
Design Colors

Color Palette • View 2

Lab Future Construction — Event Identity

EDEDED
Copy As
HEX #EDEDED
RGB rgb(237,237,237)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
7C7C7E
Copy As
HEX #7C7C7E
RGB rgb(124,124,126)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
333237
Copy As
HEX #333237
RGB rgb(51,50,55)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
ADADAE
Copy As
HEX #ADADAE
RGB rgb(173,173,174)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
C7C7C8
Copy As
HEX #C7C7C8
RGB rgb(199,199,200)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
979698
Copy As
HEX #979698
RGB rgb(151,150,152)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
4E4E53
Copy As
HEX #4E4E53
RGB rgb(78,78,83)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
676669
Copy As
HEX #676669
RGB rgb(103,102,105)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
#EDEDED
#7C7C7E
#333237
#ADADAE
#C7C7C8
#979698
#4E4E53
#676669
Lab Future Construction

This palette is from

Lab Future Construction

Event Identity

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#EDEDED
White Smoke
62.1% White
Web Formats
HEX #EDEDED
RGB 237,237,237
HSL hsl(0, 0%, 93%)
HWB hwb(0, 93%, 7%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 7%)
HSV hsv(0, 0%, 93%)
Perceptual (Color Science)
LAB lab(93.75, -0, 0)
LCH lch(93.75, 0, 158.2°)
XYZ xyz(80.49, 84.69, 92.21)
OKLab oklab(0.9461, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.17:1
Fail
Aa
On Black
17.94:1
AAA Pass
Aa
White on Color
1.17:1
Fail
Aa
Black on Color
17.94:1
AAA Pass
84.7%
Relative Luminance
0.8469
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
#EDEDED
Complementary
of White Smoke
#EDEDED
Analogous
of White Smoke
#EDEDED
Analogous
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#C7C7C7
Darker Shade
of White Smoke
#A1A1A1
Darker Shade
of White Smoke
#7A7A7A
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#7C7C7E
Gray
7.0% Gray
Web Formats
HEX #7C7C7E
RGB 124,124,126
HSL hsl(240, 1%, 49%)
HWB hwb(240, 49%, 51%)
Print & Design
CMYK cmyk(2%, 2%, 0%, 51%)
HSV hsv(240, 2%, 49%)
Perceptual (Color Science)
LAB lab(52.07, 0.4, -1.09)
LCH lch(52.07, 1.16, 290.3°)
XYZ xyz(19.29, 20.21, 22.62)
OKLab oklab(0.587, 0.0008, -0.0029)
Accessibility (WCAG 2.1)
Aa
On White
4.17:1
Large Only
Aa
On Black
5.04:1
AA Pass
Aa
White on Color
4.17:1
Large Only
Aa
Black on Color
5.04:1
AA Pass
20.2%
Relative Luminance
0.2021
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
#7E7E7C
Complementary
of Gray
#7D7C7E
Analogous
of Gray
#7C7D7E
Analogous
of Gray
#A2A2A4
Lighter Tint
of Gray
#C9C9CA
Lighter Tint
of Gray
#F0F0F0
Lighter Tint
of Gray
#565658
Darker Shade
of Gray
#303031
Darker Shade
of Gray
#0D0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#333237
Dark Slate Gray
6.9% Gray
Web Formats
HEX #333237
RGB 51,50,55
HSL hsl(252, 5%, 21%)
HWB hwb(252, 20%, 78%)
Print & Design
CMYK cmyk(7%, 9%, 0%, 78%)
HSV hsv(252, 9%, 22%)
Perceptual (Color Science)
LAB lab(21.06, 1.63, -3)
LCH lch(21.06, 3.42, 298.5°)
XYZ xyz(3.2, 3.26, 4.07)
OKLab oklab(0.3201, 0.0038, -0.008)
Accessibility (WCAG 2.1)
Aa
On White
12.71:1
AAA Pass
Aa
On Black
1.65:1
Fail
Aa
White on Color
12.71:1
AAA Pass
Aa
Black on Color
1.65:1
Fail
3.3%
Relative Luminance
0.0326
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
#373833
Complementary
of Dark Slate Gray
#373338
Analogous
of Dark Slate Gray
#333438
Analogous
of Dark Slate Gray
#595760
Lighter Tint
of Dark Slate Gray
#7E7C88
Lighter Tint
of Dark Slate Gray
#A6A4AD
Lighter Tint
of Dark Slate Gray
#0F0F10
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#ADADAE
Dark Gray
6.1% Gray
Web Formats
HEX #ADADAE
RGB 173,173,174
HSL hsl(240, 1%, 68%)
HWB hwb(240, 68%, 32%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 32%)
HSV hsv(240, 1%, 68%)
Perceptual (Color Science)
LAB lab(70.75, 0.19, -0.51)
LCH lch(70.75, 0.55, 290.2°)
XYZ xyz(39.82, 41.83, 46.01)
OKLab oklab(0.7479, 0.0004, -0.0014)
Accessibility (WCAG 2.1)
Aa
On White
2.24:1
Fail
Aa
On Black
9.37:1
AAA Pass
Aa
White on Color
2.24:1
Fail
Aa
Black on Color
9.37:1
AAA Pass
41.8%
Relative Luminance
0.4183
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
#AEAEAD
Complementary
of Dark Gray
#ADADAE
Analogous
of Dark Gray
#ADADAE
Analogous
of Dark Gray
#D3D3D4
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#868688
Darker Shade
of Dark Gray
#606062
Darker Shade
of Dark Gray
#3A3A3B
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#C7C7C8
Silver
5.7% Gray
Web Formats
HEX #C7C7C8
RGB 199,199,200
HSL hsl(240, 1%, 78%)
HWB hwb(240, 78%, 22%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 22%)
HSV hsv(240, 0%, 78%)
Perceptual (Color Science)
LAB lab(80.27, 0.18, -0.5)
LCH lch(80.27, 0.53, 290.2°)
XYZ xyz(54.4, 57.16, 62.8)
OKLab oklab(0.83, 0.0004, -0.0013)
Accessibility (WCAG 2.1)
Aa
On White
1.69:1
Fail
Aa
On Black
12.43:1
AAA Pass
Aa
White on Color
1.69:1
Fail
Aa
Black on Color
12.43:1
AAA Pass
57.2%
Relative Luminance
0.5716
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
#C7C7C6
Complementary
of Silver
#C7C6C7
Analogous
of Silver
#C6C7C7
Analogous
of Silver
#EDEDED
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#A0A0A2
Darker Shade
of Silver
#79797C
Darker Shade
of Silver
#535355
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#979698
Dark Gray
5.4% Gray
Web Formats
HEX #979698
RGB 151,150,152
HSL hsl(270, 1%, 59%)
HWB hwb(270, 59%, 40%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 40%)
HSV hsv(270, 1%, 60%)
Perceptual (Color Science)
LAB lab(62.22, 0.75, -0.92)
LCH lch(62.22, 1.19, 309.1°)
XYZ xyz(29.34, 30.66, 34.07)
OKLab oklab(0.6746, 0.0019, -0.0024)
Accessibility (WCAG 2.1)
Aa
On White
2.94:1
Fail
Aa
On Black
7.13:1
AAA Pass
Aa
White on Color
2.94:1
Fail
Aa
Black on Color
7.13:1
AAA Pass
30.7%
Relative Luminance
0.3066
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
#969795
Complementary
of Dark Gray
#979597
Analogous
of Dark Gray
#959597
Analogous
of Dark Gray
#BDBCBD
Lighter Tint
of Dark Gray
#E3E3E3
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#706F71
Darker Shade
of Dark Gray
#4A494B
Darker Shade
of Dark Gray
#242324
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#4E4E53
Dark Slate Gray
3.7% Gray
Web Formats
HEX #4E4E53
RGB 78,78,83
HSL hsl(240, 3%, 32%)
HWB hwb(240, 31%, 67%)
Print & Design
CMYK cmyk(6%, 6%, 0%, 67%)
HSV hsv(240, 6%, 33%)
Perceptual (Color Science)
LAB lab(33.34, 1.11, -2.94)
LCH lch(33.34, 3.14, 290.7°)
XYZ xyz(7.43, 7.69, 9.28)
OKLab oklab(0.4257, 0.0023, -0.0079)
Accessibility (WCAG 2.1)
Aa
On White
8.27:1
AAA Pass
Aa
On Black
2.54:1
Fail
Aa
White on Color
8.27:1
AAA Pass
Aa
Black on Color
2.54:1
Fail
7.7%
Relative Luminance
0.0769
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
#54544F
Complementary
of Dark Slate Gray
#524F54
Analogous
of Dark Slate Gray
#4F5254
Analogous
of Dark Slate Gray
#74747B
Lighter Tint
of Dark Slate Gray
#9B9BA1
Lighter Tint
of Dark Slate Gray
#C3C3C6
Lighter Tint
of Dark Slate Gray
#2A2A2D
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#676669
Dim Gray
3.0% Gray
Web Formats
HEX #676669
RGB 103,102,105
HSL hsl(260, 1%, 41%)
HWB hwb(260, 40%, 59%)
Print & Design
CMYK cmyk(2%, 3%, 0%, 59%)
HSV hsv(260, 3%, 41%)
Perceptual (Color Science)
LAB lab(43.37, 1.01, -1.55)
LCH lch(43.37, 1.85, 303.2°)
XYZ xyz(12.89, 13.41, 15.27)
OKLab oklab(0.5122, 0.0025, -0.0041)
Accessibility (WCAG 2.1)
Aa
On White
5.70:1
AA Pass
Aa
On Black
3.68:1
Large Only
Aa
White on Color
5.70:1
AA Pass
Aa
Black on Color
3.68:1
Large Only
13.4%
Relative Luminance
0.1341
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
#696A68
Complementary
of Dim Gray
#69686A
Analogous
of Dim Gray
#68686A
Analogous
of Dim Gray
#8E8E90
Lighter Tint
of Dim Gray
#B5B4B6
Lighter Tint
of Dim Gray
#DBDBDC
Lighter Tint
of Dim Gray
#424243
Darker Shade
of Dim Gray
#1C1C1C
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue