Palette 5: Shang Yuan | Architecture Colors
Architecture Colors

Color Palette • View 5

Shang Yuan — Demonstration Center

35485A
Copy As
HEX #35485A
RGB rgb(53,72,90)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
576674
Copy As
HEX #576674
RGB rgb(87,102,116)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
65544E
Copy As
HEX #65544E
RGB rgb(101,84,78)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
70808F
Copy As
HEX #70808F
RGB rgb(112,128,143)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
233B4E
Copy As
HEX #233B4E
RGB rgb(35,59,78)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
3F4B18
Copy As
HEX #3F4B18
RGB rgb(63,75,24)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
8396A1
Copy As
HEX #8396A1
RGB rgb(131,150,161)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
5D5A2D
Copy As
HEX #5D5A2D
RGB rgb(93,90,45)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
#35485A
#576674
#65544E
#70808F
#233B4E
#3F4B18
#8396A1
#5D5A2D
Shang Yuan

This palette is from

Shang Yuan

Demonstration Center

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#35485A
Dark Slate Gray
28.3% Gray
Web Formats
HEX #35485A
RGB 53,72,90
HSL hsl(209, 26%, 28%)
HWB hwb(209, 21%, 65%)
Print & Design
CMYK cmyk(41%, 20%, 0%, 65%)
HSV hsv(209, 41%, 35%)
Perceptual (Color Science)
LAB lab(29.74, -2.23, -13.02)
LCH lch(29.74, 13.21, 260.3°)
XYZ xyz(5.63, 6.13, 10.56)
OKLab oklab(0.3933, -0.0149, -0.036)
Accessibility (WCAG 2.1)
Aa
On White
9.43:1
AAA Pass
Aa
On Black
2.23:1
Fail
Aa
White on Color
9.43:1
AAA Pass
Aa
Black on Color
2.23:1
Fail
6.1%
Relative Luminance
0.0613
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
#5A4735
Complementary
of Dark Slate Gray
#35355A
Analogous
of Dark Slate Gray
#355A59
Analogous
of Dark Slate Gray
#516F8A
Lighter Tint
of Dark Slate Gray
#7895B0
Lighter Tint
of Dark Slate Gray
#A8BBCC
Lighter Tint
of Dark Slate Gray
#19212A
Darker Shade
of Dark Slate Gray
#090D10
Darker Shade
of Dark Slate Gray
#090D10
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#576674
Dim Gray
14.1% Gray
Web Formats
HEX #576674
RGB 87,102,116
HSL hsl(209, 14%, 40%)
HWB hwb(209, 34%, 55%)
Print & Design
CMYK cmyk(25%, 12%, 0%, 55%)
HSV hsv(209, 25%, 45%)
Perceptual (Color Science)
LAB lab(42.44, -2.25, -9.74)
LCH lch(42.44, 9.99, 257°)
XYZ xyz(11.83, 12.79, 18.36)
OKLab oklab(0.5029, -0.0115, -0.0265)
Accessibility (WCAG 2.1)
Aa
On White
5.90:1
AA Pass
Aa
On Black
3.56:1
Large Only
Aa
White on Color
5.90:1
AA Pass
Aa
Black on Color
3.56:1
Large Only
12.8%
Relative Luminance
0.1279
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
#746658
Complementary
of Dim Gray
#585874
Analogous
of Dim Gray
#587474
Analogous
of Dim Gray
#7C8D9C
Lighter Tint
of Dim Gray
#A8B3BD
Lighter Tint
of Dim Gray
#D3D9DE
Lighter Tint
of Dim Gray
#374049
Darker Shade
of Dim Gray
#161A1D
Darker Shade
of Dim Gray
#0B0D0F
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#65544E
Dim Gray
12.4% Gray
Web Formats
HEX #65544E
RGB 101,84,78
HSL hsl(16, 13%, 35%)
HWB hwb(16, 31%, 60%)
Print & Design
CMYK cmyk(0%, 17%, 23%, 60%)
HSV hsv(16, 23%, 40%)
Perceptual (Color Science)
LAB lab(37.22, 5.95, 6.12)
LCH lch(37.22, 8.54, 45.8°)
XYZ xyz(9.91, 9.66, 8.55)
OKLab oklab(0.4611, 0.0188, 0.016)
Accessibility (WCAG 2.1)
Aa
On White
7.16:1
AAA Pass
Aa
On Black
2.93:1
Fail
Aa
White on Color
7.16:1
AAA Pass
Aa
Black on Color
2.93:1
Fail
9.7%
Relative Luminance
0.0966
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
#4E5F65
Complementary
of Dim Gray
#655F4E
Analogous
of Dim Gray
#654E53
Analogous
of Dim Gray
#90786F
Lighter Tint
of Dim Gray
#B1A09A
Lighter Tint
of Dim Gray
#D3C9C5
Lighter Tint
of Dim Gray
#3A302C
Darker Shade
of Dim Gray
#0E0C0B
Darker Shade
of Dim Gray
#0E0C0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#70808F
Slate Gray
11.6% Gray
Web Formats
HEX #70808F
RGB 112,128,143
HSL hsl(209, 12%, 50%)
HWB hwb(209, 44%, 44%)
Print & Design
CMYK cmyk(22%, 10%, 0%, 44%)
HSV hsv(209, 22%, 56%)
Perceptual (Color Science)
LAB lab(52.8, -2.38, -10.04)
LCH lch(52.8, 10.32, 256.6°)
XYZ xyz(19.36, 20.87, 28.99)
OKLab oklab(0.5921, -0.0118, -0.0273)
Accessibility (WCAG 2.1)
Aa
On White
4.06:1
Large Only
Aa
On Black
5.17:1
AA Pass
Aa
White on Color
4.06:1
Large Only
Aa
Black on Color
5.17:1
AA Pass
20.9%
Relative Luminance
0.2087
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
#8F7F70
Complementary
of Slate Gray
#70718F
Analogous
of Slate Gray
#708F8E
Analogous
of Slate Gray
#9BA6B0
Lighter Tint
of Slate Gray
#C6CCD2
Lighter Tint
of Slate Gray
#F1F2F4
Lighter Tint
of Slate Gray
#4F5A64
Darker Shade
of Slate Gray
#2D3339
Darker Shade
of Slate Gray
#0B0D0E
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#233B4E
Dark Slate Gray
10.4% Gray
Web Formats
HEX #233B4E
RGB 35,59,78
HSL hsl(207, 38%, 22%)
HWB hwb(207, 14%, 69%)
Print & Design
CMYK cmyk(55%, 24%, 0%, 69%)
HSV hsv(207, 55%, 31%)
Perceptual (Color Science)
LAB lab(23.79, -3.09, -14.44)
LCH lch(23.79, 14.77, 257.9°)
XYZ xyz(3.63, 4.04, 7.79)
OKLab oklab(0.3416, -0.0201, -0.0403)
Accessibility (WCAG 2.1)
Aa
On White
11.62:1
AAA Pass
Aa
On Black
1.81:1
Fail
Aa
White on Color
11.62:1
AAA Pass
Aa
Black on Color
1.81:1
Fail
4.0%
Relative Luminance
0.0404
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
#4D3623
Complementary
of Dark Slate Gray
#23254D
Analogous
of Dark Slate Gray
#234D4B
Analogous
of Dark Slate Gray
#3A6282
Lighter Tint
of Dark Slate Gray
#5689B3
Lighter Tint
of Dark Slate Gray
#8BAECB
Lighter Tint
of Dark Slate Gray
#0B1319
Darker Shade
of Dark Slate Gray
#080D12
Darker Shade
of Dark Slate Gray
#080D12
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3F4B18
Dark Olive Green
8.2% Green
Web Formats
HEX #3F4B18
RGB 63,75,24
HSL hsl(74, 52%, 19%)
HWB hwb(74, 9%, 71%)
Print & Design
CMYK cmyk(16%, 0%, 68%, 71%)
HSV hsv(74, 68%, 29%)
Perceptual (Color Science)
LAB lab(29.8, -13.49, 27.99)
LCH lch(29.8, 31.07, 115.7°)
XYZ xyz(4.73, 6.15, 1.8)
OKLab oklab(0.3902, -0.039, 0.0643)
Accessibility (WCAG 2.1)
Aa
On White
9.41:1
AAA Pass
Aa
On Black
2.23:1
Fail
Aa
White on Color
9.41:1
AAA Pass
Aa
Black on Color
2.23:1
Fail
6.2%
Relative Luminance
0.0615
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
#23174A
Complementary
of Dark Olive Green
#254A17
Analogous
of Dark Olive Green
#4A3C17
Analogous
of Dark Olive Green
#6F842A
Lighter Tint
of Dark Olive Green
#A0BE3C
Lighter Tint
of Dark Olive Green
#BDD373
Lighter Tint
of Dark Olive Green
#101306
Darker Shade
of Dark Olive Green
#101306
Darker Shade
of Dark Olive Green
#101306
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#8396A1
Light Slate Gray
8.3% Gray
Web Formats
HEX #8396A1
RGB 131,150,161
HSL hsl(202, 14%, 57%)
HWB hwb(202, 51%, 37%)
Print & Design
CMYK cmyk(19%, 7%, 0%, 37%)
HSV hsv(202, 19%, 63%)
Perceptual (Color Science)
LAB lab(60.97, -4.3, -8.04)
LCH lch(60.97, 9.12, 241.9°)
XYZ xyz(26.7, 29.21, 37.94)
OKLab oklab(0.6618, -0.0163, -0.0218)
Accessibility (WCAG 2.1)
Aa
On White
3.07:1
Large Only
Aa
On Black
6.84:1
AA Pass
Aa
White on Color
3.07:1
Large Only
Aa
Black on Color
6.84:1
AA Pass
29.2%
Relative Luminance
0.2921
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
#A18D82
Complementary
of Light Slate Gray
#8286A1
Analogous
of Light Slate Gray
#82A19D
Analogous
of Light Slate Gray
#AEBAC2
Lighter Tint
of Light Slate Gray
#D9DFE2
Lighter Tint
of Light Slate Gray
#F0F3F4
Lighter Tint
of Light Slate Gray
#5C6F7A
Darker Shade
of Light Slate Gray
#3B474E
Darker Shade
of Light Slate Gray
#1A2023
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#5D5A2D
Dark Olive Green
6.7% Green
Web Formats
HEX #5D5A2D
RGB 93,90,45
HSL hsl(56, 35%, 27%)
HWB hwb(56, 18%, 64%)
Print & Design
CMYK cmyk(0%, 3%, 52%, 64%)
HSV hsv(56, 52%, 36%)
Perceptual (Color Science)
LAB lab(37.53, -5.9, 26.24)
LCH lch(37.53, 26.89, 102.7°)
XYZ xyz(8.64, 9.83, 3.92)
OKLab oklab(0.4595, -0.0171, 0.0625)
Accessibility (WCAG 2.1)
Aa
On White
7.08:1
AAA Pass
Aa
On Black
2.97:1
Fail
Aa
White on Color
7.08:1
AAA Pass
Aa
Black on Color
2.97:1
Fail
9.8%
Relative Luminance
0.0983
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
#2D305D
Complementary
of Dark Olive Green
#485D2D
Analogous
of Dark Olive Green
#5D422D
Analogous
of Dark Olive Green
#918C46
Lighter Tint
of Dark Olive Green
#B8B36B
Lighter Tint
of Dark Olive Green
#D1CD9F
Lighter Tint
of Dark Olive Green
#292814
Darker Shade
of Dark Olive Green
#111108
Darker Shade
of Dark Olive Green
#111108
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue