The City Over Clouds - View 4 Palette | Architecture Colors
Architecture Colors

Color Palette • View 4

The City Over Clouds — Law Firm Office

B4B6BC
Copy As
HEX #B4B6BC
RGB rgb(180,182,188)
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
CFCFD3
Copy As
HEX #CFCFD3
RGB rgb(207,207,211)
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
A0A4AC
Copy As
HEX #A0A4AC
RGB rgb(160,164,172)
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
8A8F9A
Copy As
HEX #8A8F9A
RGB rgb(138,143,154)
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
616777
Copy As
HEX #616777
RGB rgb(97,103,119)
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
747B8B
Copy As
HEX #747B8B
RGB rgb(116,123,139)
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
454EF3
Copy As
HEX #454EF3
RGB rgb(69,78,243)
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
373B50
Copy As
HEX #373B50
RGB rgb(55,59,80)
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
#B4B6BC
#CFCFD3
#A0A4AC
#8A8F9A
#616777
#747B8B
#454EF3
#373B50
The City Over Clouds

This palette is from

The City Over Clouds

Law Firm Office

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#B4B6BC
Silver
21.4% Gray
Web Formats
HEX #B4B6BC
RGB 180,182,188
HSL hsl(225, 6%, 72%)
HWB hwb(225, 71%, 26%)
Print & Design
CMYK cmyk(4%, 3%, 0%, 26%)
HSV hsv(225, 4%, 74%)
Perceptual (Color Science)
LAB lab(74.06, 0.45, -3.28)
LCH lch(74.06, 3.31, 277.7°)
XYZ xyz(44.63, 46.79, 54.25)
OKLab oklab(0.7765, 0.0002, -0.0088)
Accessibility (WCAG 2.1)
Aa
On White
2.03:1
Fail
Aa
On Black
10.36:1
AAA Pass
Aa
White on Color
2.03:1
Fail
Aa
Black on Color
10.36:1
AAA Pass
46.8%
Relative Luminance
0.4679
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
#BCBAB3
Complementary
of Silver
#B5B3BC
Analogous
of Silver
#B3BABC
Analogous
of Silver
#DCDDE0
Lighter Tint
of Silver
#F1F2F3
Lighter Tint
of Silver
#F1F2F3
Lighter Tint
of Silver
#8B8E98
Darker Shade
of Silver
#656872
Darker Shade
of Silver
#414349
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#CFCFD3
Light Gray
16.5% Gray
Web Formats
HEX #CFCFD3
RGB 207,207,211
HSL hsl(240, 4%, 82%)
HWB hwb(240, 81%, 17%)
Print & Design
CMYK cmyk(2%, 2%, 0%, 17%)
HSV hsv(240, 2%, 83%)
Perceptual (Color Science)
LAB lab(83.23, 0.73, -1.98)
LCH lch(83.23, 2.11, 290.4°)
XYZ xyz(59.8, 62.59, 70.55)
OKLab oklab(0.8557, 0.0015, -0.0053)
Accessibility (WCAG 2.1)
Aa
On White
1.55:1
Fail
Aa
On Black
13.52:1
AAA Pass
Aa
White on Color
1.55:1
Fail
Aa
Black on Color
13.52:1
AAA Pass
62.6%
Relative Luminance
0.6259
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
#D3D3CF
Complementary
of Light Gray
#D1CFD3
Analogous
of Light Gray
#CFD1D3
Analogous
of Light Gray
#F2F2F3
Lighter Tint
of Light Gray
#F2F2F3
Lighter Tint
of Light Gray
#F2F2F3
Lighter Tint
of Light Gray
#A7A7AE
Darker Shade
of Light Gray
#808089
Darker Shade
of Light Gray
#5B5B62
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#A0A4AC
Dark Gray
15.5% Gray
Web Formats
HEX #A0A4AC
RGB 160,164,172
HSL hsl(220, 7%, 65%)
HWB hwb(220, 63%, 33%)
Print & Design
CMYK cmyk(7%, 5%, 0%, 33%)
HSV hsv(220, 7%, 67%)
Perceptual (Color Science)
LAB lab(67.28, 0.16, -4.62)
LCH lch(67.28, 4.63, 272°)
XYZ xyz(35.22, 37, 44.31)
OKLab oklab(0.718, -0.0012, -0.0124)
Accessibility (WCAG 2.1)
Aa
On White
2.50:1
Fail
Aa
On Black
8.40:1
AAA Pass
Aa
White on Color
2.50:1
Fail
Aa
Black on Color
8.40:1
AAA Pass
37.0%
Relative Luminance
0.3700
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
#ACA8A0
Complementary
of Dark Gray
#A2A0AC
Analogous
of Dark Gray
#A0AAAC
Analogous
of Dark Gray
#C8CBD0
Lighter Tint
of Dark Gray
#F1F2F3
Lighter Tint
of Dark Gray
#F1F2F3
Lighter Tint
of Dark Gray
#777D88
Darker Shade
of Dark Gray
#53575F
Darker Shade
of Dark Gray
#2F3237
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#8A8F9A
Light Slate Gray
13.5% Gray
Web Formats
HEX #8A8F9A
RGB 138,143,154
HSL hsl(221, 7%, 57%)
HWB hwb(221, 54%, 40%)
Print & Design
CMYK cmyk(10%, 7%, 0%, 40%)
HSV hsv(221, 10%, 60%)
Perceptual (Color Science)
LAB lab(59.33, 0.46, -6.44)
LCH lch(59.33, 6.46, 274.1°)
XYZ xyz(26.14, 27.38, 34.47)
OKLab oklab(0.6495, -0.0011, -0.0173)
Accessibility (WCAG 2.1)
Aa
On White
3.24:1
Large Only
Aa
On Black
6.48:1
AA Pass
Aa
White on Color
3.24:1
Large Only
Aa
Black on Color
6.48:1
AA Pass
27.4%
Relative Luminance
0.2738
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
#99948A
Complementary
of Light Slate Gray
#8C8A99
Analogous
of Light Slate Gray
#8A9699
Analogous
of Light Slate Gray
#B3B6BD
Lighter Tint
of Light Slate Gray
#DCDDE0
Lighter Tint
of Light Slate Gray
#F1F2F3
Lighter Tint
of Light Slate Gray
#646873
Darker Shade
of Light Slate Gray
#40434A
Darker Shade
of Light Slate Gray
#1C1E21
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#616777
Dim Gray
9.3% Gray
Web Formats
HEX #616777
RGB 97,103,119
HSL hsl(224, 10%, 42%)
HWB hwb(224, 38%, 53%)
Print & Design
CMYK cmyk(18%, 13%, 0%, 53%)
HSV hsv(224, 18%, 47%)
Perceptual (Color Science)
LAB lab(43.62, 1.37, -9.71)
LCH lch(43.62, 9.81, 278°)
XYZ xyz(13.11, 13.57, 19.38)
OKLab oklab(0.5144, -0.0004, -0.0264)
Accessibility (WCAG 2.1)
Aa
On White
5.65:1
AA Pass
Aa
On Black
3.71:1
Large Only
Aa
White on Color
5.65:1
AA Pass
Aa
Black on Color
3.71:1
Large Only
13.6%
Relative Luminance
0.1357
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
#767060
Complementary
of Dim Gray
#656076
Analogous
of Dim Gray
#607176
Analogous
of Dim Gray
#868C9C
Lighter Tint
of Dim Gray
#B0B4BF
Lighter Tint
of Dim Gray
#DBDCE1
Lighter Tint
of Dim Gray
#3E424C
Darker Shade
of Dim Gray
#1C1D22
Darker Shade
of Dim Gray
#0B0C0E
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#747B8B
Slate Gray
9.3% Gray
Web Formats
HEX #747B8B
RGB 116,123,139
HSL hsl(222, 9%, 50%)
HWB hwb(222, 45%, 45%)
Print & Design
CMYK cmyk(17%, 12%, 0%, 45%)
HSV hsv(222, 17%, 55%)
Perceptual (Color Science)
LAB lab(51.55, 0.93, -9.56)
LCH lch(51.55, 9.6, 275.5°)
XYZ xyz(18.94, 19.74, 27.23)
OKLab oklab(0.5826, -0.0015, -0.0259)
Accessibility (WCAG 2.1)
Aa
On White
4.24:1
Large Only
Aa
On Black
4.95:1
AA Pass
Aa
White on Color
4.24:1
Large Only
Aa
Black on Color
4.95:1
AA Pass
19.7%
Relative Luminance
0.1974
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
#8B8474
Complementary
of Slate Gray
#79748B
Analogous
of Slate Gray
#74868B
Analogous
of Slate Gray
#9EA3AE
Lighter Tint
of Slate Gray
#C7CAD1
Lighter Tint
of Slate Gray
#F1F2F3
Lighter Tint
of Slate Gray
#515661
Darker Shade
of Slate Gray
#2E3138
Darker Shade
of Slate Gray
#0C0C0E
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#454EF3
Royal Blue
8.1% Blue
Web Formats
HEX #454EF3
RGB 69,78,243
HSL hsl(237, 88%, 61%)
HWB hwb(237, 27%, 5%)
Print & Design
CMYK cmyk(72%, 68%, 0%, 5%)
HSV hsv(237, 72%, 95%)
Perceptual (Color Science)
LAB lab(43.04, 49.47, -83.23)
LCH lch(43.04, 96.82, 300.7°)
XYZ xyz(21.35, 13.18, 86.2)
OKLab oklab(0.5294, 0.0098, -0.2407)
Accessibility (WCAG 2.1)
Aa
On White
5.77:1
AA Pass
Aa
On Black
3.64:1
Large Only
Aa
White on Color
5.77:1
AA Pass
Aa
Black on Color
3.64:1
Large Only
13.2%
Relative Luminance
0.1319
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
#F3EA44
Complementary
of Royal Blue
#9344F3
Analogous
of Royal Blue
#44A4F3
Analogous
of Royal Blue
#8C91F8
Lighter Tint
of Royal Blue
#D4D6FC
Lighter Tint
of Royal Blue
#E7E8FD
Lighter Tint
of Royal Blue
#0E18DD
Darker Shade
of Royal Blue
#091095
Darker Shade
of Royal Blue
#05084D
Darker Shade
of Royal Blue
Royal Blue
Named Color
Discover the Hue
#373B50
Dark Slate Gray
6.4% Gray
Web Formats
HEX #373B50
RGB 55,59,80
HSL hsl(230, 19%, 26%)
HWB hwb(230, 22%, 69%)
Print & Design
CMYK cmyk(31%, 26%, 0%, 69%)
HSV hsv(230, 31%, 31%)
Perceptual (Color Science)
LAB lab(25.32, 3.94, -13.28)
LCH lch(25.32, 13.86, 286.5°)
XYZ xyz(4.59, 4.52, 8.22)
OKLab oklab(0.3576, 0.0039, -0.0366)
Accessibility (WCAG 2.1)
Aa
On White
11.03:1
AAA Pass
Aa
On Black
1.90:1
Fail
Aa
White on Color
11.03:1
AAA Pass
Aa
Black on Color
1.90:1
Fail
4.5%
Relative Luminance
0.0452
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
#4F4B36
Complementary
of Dark Slate Gray
#3E364F
Analogous
of Dark Slate Gray
#36464F
Analogous
of Dark Slate Gray
#555B7C
Lighter Tint
of Dark Slate Gray
#7981A4
Lighter Tint
of Dark Slate Gray
#A7ACC3
Lighter Tint
of Dark Slate Gray
#171821
Darker Shade
of Dark Slate Gray
#0A0B0F
Darker Shade
of Dark Slate Gray
#0A0B0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue