Megalopolis X - View 4 Palette | Color Chips
Color Chips

Color Palette • View 4

Megalopolis X — Shenzhen Super Headquarter

324052
Copy As
HEX #324052
RGB rgb(50,64,82)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
40506B
Copy As
HEX #40506B
RGB rgb(64,80,107)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
283731
Copy As
HEX #283731
RGB rgb(40,55,49)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
4F607F
Copy As
HEX #4F607F
RGB rgb(79,96,127)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
63789D
Copy As
HEX #63789D
RGB rgb(99,120,157)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
3D4C37
Copy As
HEX #3D4C37
RGB rgb(61,76,55)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
4F5B49
Copy As
HEX #4F5B49
RGB rgb(79,91,73)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
EBE4F0
Copy As
HEX #EBE4F0
RGB rgb(235,228,240)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
#324052
#40506B
#283731
#4F607F
#63789D
#3D4C37
#4F5B49
#EBE4F0
Megalopolis X

This palette is from

Megalopolis X

Shenzhen Super Headquarter

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#324052
Dark Slate Gray
23.4% Gray
Web Formats
HEX #324052
RGB 50,64,82
HSL hsl(214, 24%, 26%)
HWB hwb(214, 20%, 68%)
Print & Design
CMYK cmyk(39%, 22%, 0%, 68%)
HSV hsv(214, 39%, 32%)
Perceptual (Color Science)
LAB lab(26.6, -0.48, -12.66)
LCH lch(26.6, 12.67, 267.8°)
XYZ xyz(4.67, 4.95, 8.69)
OKLab oklab(0.3669, -0.0094, -0.035)
Accessibility (WCAG 2.1)
Aa
On White
10.55:1
AAA Pass
Aa
On Black
1.99:1
Fail
Aa
White on Color
10.55:1
AAA Pass
Aa
Black on Color
1.99:1
Fail
5.0%
Relative Luminance
0.0495
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
#524432
Complementary
of Dark Slate Gray
#353252
Analogous
of Dark Slate Gray
#325052
Analogous
of Dark Slate Gray
#4F6582
Lighter Tint
of Dark Slate Gray
#748BAA
Lighter Tint
of Dark Slate Gray
#A3B3C7
Lighter Tint
of Dark Slate Gray
#151B23
Darker Shade
of Dark Slate Gray
#0A0C10
Darker Shade
of Dark Slate Gray
#0A0C10
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#40506B
Dark Slate Gray
20.6% Gray
Web Formats
HEX #40506B
RGB 64,80,107
HSL hsl(218, 25%, 34%)
HWB hwb(218, 25%, 58%)
Print & Design
CMYK cmyk(40%, 25%, 0%, 58%)
HSV hsv(218, 40%, 42%)
Perceptual (Color Science)
LAB lab(33.75, 1.31, -17.58)
LCH lch(33.75, 17.63, 274.3°)
XYZ xyz(7.64, 7.89, 15.03)
OKLab oklab(0.4292, -0.008, -0.0488)
Accessibility (WCAG 2.1)
Aa
On White
8.15:1
AAA Pass
Aa
On Black
2.58:1
Fail
Aa
White on Color
8.15:1
AAA Pass
Aa
Black on Color
2.58:1
Fail
7.9%
Relative Luminance
0.0789
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
#6C5C41
Complementary
of Dark Slate Gray
#47416C
Analogous
of Dark Slate Gray
#41676C
Analogous
of Dark Slate Gray
#5E759C
Lighter Tint
of Dark Slate Gray
#8C9DBA
Lighter Tint
of Dark Slate Gray
#BCC6D7
Lighter Tint
of Dark Slate Gray
#242D3D
Darker Shade
of Dark Slate Gray
#0A0C10
Darker Shade
of Dark Slate Gray
#0A0C10
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#283731
Dark Slate Gray
16.0% Gray
Web Formats
HEX #283731
RGB 40,55,49
HSL hsl(156, 16%, 19%)
HWB hwb(156, 16%, 78%)
Print & Design
CMYK cmyk(27%, 0%, 11%, 78%)
HSV hsv(156, 27%, 22%)
Perceptual (Color Science)
LAB lab(21.6, -7.72, 1.75)
LCH lch(21.6, 7.92, 167.2°)
XYZ xyz(2.8, 3.41, 3.42)
OKLab oklab(0.3213, -0.0221, 0.0045)
Accessibility (WCAG 2.1)
Aa
On White
12.49:1
AAA Pass
Aa
On Black
1.68:1
Fail
Aa
White on Color
12.49:1
AAA Pass
Aa
Black on Color
1.68:1
Fail
3.4%
Relative Luminance
0.0341
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
#38292F
Complementary
of Dark Slate Gray
#293738
Analogous
of Dark Slate Gray
#29382A
Analogous
of Dark Slate Gray
#496559
Lighter Tint
of Dark Slate Gray
#699181
Lighter Tint
of Dark Slate Gray
#95B2A6
Lighter Tint
of Dark Slate Gray
#0B0F0D
Darker Shade
of Dark Slate Gray
#0B0F0D
Darker Shade
of Dark Slate Gray
#0B0F0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#4F607F
Dim Gray
15.8% Gray
Web Formats
HEX #4F607F
RGB 79,96,127
HSL hsl(219, 23%, 40%)
HWB hwb(219, 31%, 50%)
Print & Design
CMYK cmyk(38%, 24%, 0%, 50%)
HSV hsv(219, 38%, 50%)
Perceptual (Color Science)
LAB lab(40.51, 1.83, -19.42)
LCH lch(40.51, 19.51, 275.4°)
XYZ xyz(11.24, 11.56, 21.71)
OKLab oklab(0.4876, -0.0074, -0.0538)
Accessibility (WCAG 2.1)
Aa
On White
6.34:1
AA Pass
Aa
On Black
3.31:1
Large Only
Aa
White on Color
6.34:1
AA Pass
Aa
Black on Color
3.31:1
Large Only
11.6%
Relative Luminance
0.1156
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
#7D6D4F
Complementary
of Dim Gray
#564F7D
Analogous
of Dim Gray
#4F767D
Analogous
of Dim Gray
#7284A7
Lighter Tint
of Dim Gray
#A1ADC4
Lighter Tint
of Dim Gray
#D0D6E2
Lighter Tint
of Dim Gray
#313B4E
Darker Shade
of Dim Gray
#14181F
Darker Shade
of Dim Gray
#0A0C10
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#63789D
Slate Gray
7.9% Gray
Web Formats
HEX #63789D
RGB 99,120,157
HSL hsl(218, 23%, 50%)
HWB hwb(218, 39%, 38%)
Print & Design
CMYK cmyk(37%, 24%, 0%, 38%)
HSV hsv(218, 37%, 62%)
Perceptual (Color Science)
LAB lab(50.12, 1.85, -22.38)
LCH lch(50.12, 22.45, 274.7°)
XYZ xyz(17.95, 18.52, 34.52)
OKLab oklab(0.5705, -0.0092, -0.062)
Accessibility (WCAG 2.1)
Aa
On White
4.46:1
Large Only
Aa
On Black
4.70:1
AA Pass
Aa
White on Color
4.46:1
Large Only
Aa
Black on Color
4.70:1
AA Pass
18.5%
Relative Luminance
0.1852
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
#9D8762
Complementary
of Slate Gray
#6A629D
Analogous
of Slate Gray
#62959D
Analogous
of Slate Gray
#91A0BA
Lighter Tint
of Slate Gray
#C0C9D8
Lighter Tint
of Slate Gray
#EFF1F5
Lighter Tint
of Slate Gray
#45546E
Darker Shade
of Slate Gray
#27303F
Darker Shade
of Slate Gray
#0A0C10
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#3D4C37
Dark Slate Gray
6.4% Gray
Web Formats
HEX #3D4C37
RGB 61,76,55
HSL hsl(103, 16%, 26%)
HWB hwb(103, 22%, 70%)
Print & Design
CMYK cmyk(20%, 0%, 28%, 70%)
HSV hsv(103, 28%, 30%)
Perceptual (Color Science)
LAB lab(30.49, -10.59, 10.59)
LCH lch(30.49, 14.97, 135°)
XYZ xyz(5.2, 6.44, 4.58)
OKLab oklab(0.397, -0.0287, 0.0269)
Accessibility (WCAG 2.1)
Aa
On White
9.18:1
AAA Pass
Aa
On Black
2.29:1
Fail
Aa
White on Color
9.18:1
AAA Pass
Aa
Black on Color
2.29:1
Fail
6.4%
Relative Luminance
0.0644
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
#47384D
Complementary
of Dark Slate Gray
#384D3C
Analogous
of Dark Slate Gray
#484D38
Analogous
of Dark Slate Gray
#617958
Lighter Tint
of Dark Slate Gray
#87A17D
Lighter Tint
of Dark Slate Gray
#B0C1A9
Lighter Tint
of Dark Slate Gray
#1A2118
Darker Shade
of Dark Slate Gray
#0C0F0B
Darker Shade
of Dark Slate Gray
#0C0F0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#4F5B49
Dark Olive Green
5.6% Green
Web Formats
HEX #4F5B49
RGB 79,91,73
HSL hsl(100, 11%, 32%)
HWB hwb(100, 29%, 64%)
Print & Design
CMYK cmyk(13%, 0%, 20%, 64%)
HSV hsv(100, 20%, 36%)
Perceptual (Color Science)
LAB lab(37.16, -8.5, 8.85)
LCH lch(37.16, 12.27, 133.9°)
XYZ xyz(8.17, 9.63, 7.73)
OKLab oklab(0.4552, -0.0229, 0.0227)
Accessibility (WCAG 2.1)
Aa
On White
7.18:1
AAA Pass
Aa
On Black
2.93:1
Fail
Aa
White on Color
7.18:1
AAA Pass
Aa
Black on Color
2.93:1
Fail
9.6%
Relative Luminance
0.0963
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
#55495B
Complementary
of Dark Olive Green
#495B4C
Analogous
of Dark Olive Green
#585B49
Analogous
of Dark Olive Green
#73856B
Lighter Tint
of Dark Olive Green
#9BA993
Lighter Tint
of Dark Olive Green
#C2CBBE
Lighter Tint
of Dark Olive Green
#2A3027
Darker Shade
of Dark Olive Green
#0C0E0B
Darker Shade
of Dark Olive Green
#0C0E0B
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#EBE4F0
Lavender
4.3% Purple
Web Formats
HEX #EBE4F0
RGB 235,228,240
HSL hsl(275, 29%, 92%)
HWB hwb(275, 89%, 6%)
Print & Design
CMYK cmyk(2%, 5%, 0%, 6%)
HSV hsv(275, 5%, 94%)
Perceptual (Color Science)
LAB lab(91.43, 4.5, -4.98)
LCH lch(91.43, 6.71, 312.1°)
XYZ xyz(77.73, 79.44, 93.66)
OKLab oklab(0.9278, 0.0117, -0.0132)
Accessibility (WCAG 2.1)
Aa
On White
1.24:1
Fail
Aa
On Black
16.89:1
AAA Pass
Aa
White on Color
1.24:1
Fail
Aa
Black on Color
16.89:1
AAA Pass
79.4%
Relative Luminance
0.7944
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
#EAF1E5
Complementary
of Lavender
#F1E5F0
Analogous
of Lavender
#E6E5F1
Analogous
of Lavender
#F3EFF6
Lighter Tint
of Lavender
#F3EFF6
Lighter Tint
of Lavender
#F3EFF6
Lighter Tint
of Lavender
#C7B3D5
Darker Shade
of Lavender
#A382BA
Darker Shade
of Lavender
#7E559B
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue