Cloud Mansion Colors (Image 3) | Architecture Colors
Architecture Colors

Color Palette • View 3

Cloud Mansion — Landscape

272B34
Copy As
HEX #272B34
RGB rgb(39,43,52)
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
14171E
Copy As
HEX #14171E
RGB rgb(20,23,30)
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
767A88
Copy As
HEX #767A88
RGB rgb(118,122,136)
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
8A8E9E
Copy As
HEX #8A8E9E
RGB rgb(138,142,158)
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
5F6470
Copy As
HEX #5F6470
RGB rgb(95,100,112)
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
303647
Copy As
HEX #303647
RGB rgb(48,54,71)
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
3D465B
Copy As
HEX #3D465B
RGB rgb(61,70,91)
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
51545A
Copy As
HEX #51545A
RGB rgb(81,84,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
#272B34
#14171E
#767A88
#8A8E9E
#5F6470
#303647
#3D465B
#51545A
Cloud Mansion

This palette is from

Cloud Mansion

Landscape

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#272B34
Dark Slate Gray
16.5% Gray
Web Formats
HEX #272B34
RGB 39,43,52
HSL hsl(222, 14%, 18%)
HWB hwb(222, 15%, 80%)
Print & Design
CMYK cmyk(25%, 17%, 0%, 80%)
HSV hsv(222, 25%, 20%)
Perceptual (Color Science)
LAB lab(17.49, 0.68, -6.39)
LCH lch(17.49, 6.43, 276.1°)
XYZ xyz(2.32, 2.41, 3.59)
OKLab oklab(0.2889, -0.0011, -0.0174)
Accessibility (WCAG 2.1)
Aa
On White
14.18:1
AAA Pass
Aa
On Black
1.48:1
Fail
Aa
White on Color
14.18:1
AAA Pass
Aa
Black on Color
1.48:1
Fail
2.4%
Relative Luminance
0.0241
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
#343027
Complementary
of Dark Slate Gray
#2A2734
Analogous
of Dark Slate Gray
#273234
Analogous
of Dark Slate Gray
#484F60
Lighter Tint
of Dark Slate Gray
#69748C
Lighter Tint
of Dark Slate Gray
#939BAE
Lighter Tint
of Dark Slate Gray
#0B0C0F
Darker Shade
of Dark Slate Gray
#0B0C0F
Darker Shade
of Dark Slate Gray
#0B0C0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#14171E
Black
15.9% Black
Web Formats
HEX #14171E
RGB 20,23,30
HSL hsl(222, 20%, 10%)
HWB hwb(222, 8%, 88%)
Print & Design
CMYK cmyk(33%, 23%, 0%, 88%)
HSV hsv(222, 33%, 12%)
Perceptual (Color Science)
LAB lab(7.73, 0.67, -5.38)
LCH lch(7.73, 5.42, 277.1°)
XYZ xyz(0.83, 0.86, 1.35)
OKLab oklab(0.2047, -0.0008, -0.0147)
Accessibility (WCAG 2.1)
Aa
On White
17.93:1
AAA Pass
Aa
On Black
1.17:1
Fail
Aa
White on Color
17.93:1
AAA Pass
Aa
Black on Color
1.17:1
Fail
0.9%
Relative Luminance
0.0086
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
#1F1C14
Complementary
of Black
#16141F
Analogous
of Black
#141D1F
Analogous
of Black
#333B4D
Lighter Tint
of Black
#525E7A
Lighter Tint
of Black
#7583A3
Lighter Tint
of Black
#0A0C0F
Darker Shade
of Black
#0A0C0F
Darker Shade
of Black
#0A0C0F
Darker Shade
of Black
Black
Named Color
Discover the Hue
#767A88
Slate Gray
15.0% Gray
Web Formats
HEX #767A88
RGB 118,122,136
HSL hsl(227, 7%, 50%)
HWB hwb(227, 46%, 47%)
Print & Design
CMYK cmyk(13%, 10%, 0%, 47%)
HSV hsv(227, 13%, 53%)
Perceptual (Color Science)
LAB lab(51.32, 1.52, -8.11)
LCH lch(51.32, 8.25, 280.6°)
XYZ xyz(18.87, 19.55, 26.07)
OKLab oklab(0.5809, 0.0012, -0.0219)
Accessibility (WCAG 2.1)
Aa
On White
4.28:1
Large Only
Aa
On Black
4.91:1
AA Pass
Aa
White on Color
4.28:1
Large Only
Aa
Black on Color
4.91:1
AA Pass
19.6%
Relative Luminance
0.1955
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
#888577
Complementary
of Slate Gray
#7C7788
Analogous
of Slate Gray
#778388
Analogous
of Slate Gray
#A0A2AC
Lighter Tint
of Slate Gray
#C8CAD0
Lighter Tint
of Slate Gray
#F1F2F3
Lighter Tint
of Slate Gray
#53565F
Darker Shade
of Slate Gray
#2F3137
Darker Shade
of Slate Gray
#0C0C0E
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#8A8E9E
Light Slate Gray
13.4% Gray
Web Formats
HEX #8A8E9E
RGB 138,142,158
HSL hsl(228, 9%, 58%)
HWB hwb(228, 54%, 38%)
Print & Design
CMYK cmyk(13%, 10%, 0%, 38%)
HSV hsv(228, 13%, 62%)
Perceptual (Color Science)
LAB lab(59.18, 1.89, -8.95)
LCH lch(59.18, 9.15, 281.9°)
XYZ xyz(26.32, 27.22, 36.21)
OKLab oklab(0.6487, 0.0019, -0.0241)
Accessibility (WCAG 2.1)
Aa
On White
3.26:1
Large Only
Aa
On Black
6.44:1
AA Pass
Aa
White on Color
3.26:1
Large Only
Aa
Black on Color
6.44:1
AA Pass
27.2%
Relative Luminance
0.2722
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
#9E9A8A
Complementary
of Light Slate Gray
#908A9E
Analogous
of Light Slate Gray
#8A989E
Analogous
of Light Slate Gray
#B4B6C0
Lighter Tint
of Light Slate Gray
#DEDFE3
Lighter Tint
of Light Slate Gray
#F1F2F3
Lighter Tint
of Light Slate Gray
#646878
Darker Shade
of Light Slate Gray
#41444E
Darker Shade
of Light Slate Gray
#1E1F24
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#5F6470
Dim Gray
12.0% Gray
Web Formats
HEX #5F6470
RGB 95,100,112
HSL hsl(222, 8%, 41%)
HWB hwb(222, 37%, 56%)
Print & Design
CMYK cmyk(15%, 11%, 0%, 56%)
HSV hsv(222, 15%, 44%)
Perceptual (Color Science)
LAB lab(42.33, 0.78, -7.41)
LCH lch(42.33, 7.45, 276°)
XYZ xyz(12.2, 12.72, 17.14)
OKLab oklab(0.5031, -0.0008, -0.02)
Accessibility (WCAG 2.1)
Aa
On White
5.93:1
AA Pass
Aa
On Black
3.54:1
Large Only
Aa
White on Color
5.93:1
AA Pass
Aa
Black on Color
3.54:1
Large Only
12.7%
Relative Luminance
0.1272
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
#716C60
Complementary
of Dim Gray
#646071
Analogous
of Dim Gray
#606E71
Analogous
of Dim Gray
#868B98
Lighter Tint
of Dim Gray
#AFB3BB
Lighter Tint
of Dim Gray
#D8DADE
Lighter Tint
of Dim Gray
#3D4048
Darker Shade
of Dim Gray
#1A1B1E
Darker Shade
of Dim Gray
#0C0C0E
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#303647
Dark Slate Gray
10.1% Gray
Web Formats
HEX #303647
RGB 48,54,71
HSL hsl(224, 19%, 23%)
HWB hwb(224, 19%, 72%)
Print & Design
CMYK cmyk(32%, 24%, 0%, 72%)
HSV hsv(224, 32%, 28%)
Perceptual (Color Science)
LAB lab(22.73, 2.14, -11.33)
LCH lch(22.73, 11.53, 280.7°)
XYZ xyz(3.68, 3.72, 6.48)
OKLab oklab(0.3346, -0.0003, -0.0312)
Accessibility (WCAG 2.1)
Aa
On White
12.04:1
AAA Pass
Aa
On Black
1.74:1
Fail
Aa
White on Color
12.04:1
AAA Pass
Aa
Black on Color
1.74:1
Fail
3.7%
Relative Luminance
0.0372
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
#464030
Complementary
of Dark Slate Gray
#353046
Analogous
of Dark Slate Gray
#304146
Analogous
of Dark Slate Gray
#4E5873
Lighter Tint
of Dark Slate Gray
#707D9E
Lighter Tint
of Dark Slate Gray
#9EA6BD
Lighter Tint
of Dark Slate Gray
#111318
Darker Shade
of Dark Slate Gray
#0A0C0F
Darker Shade
of Dark Slate Gray
#0A0C0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3D465B
Dark Slate Gray
9.2% Gray
Web Formats
HEX #3D465B
RGB 61,70,91
HSL hsl(222, 20%, 30%)
HWB hwb(222, 24%, 64%)
Print & Design
CMYK cmyk(33%, 23%, 0%, 64%)
HSV hsv(222, 33%, 36%)
Perceptual (Color Science)
LAB lab(29.73, 1.99, -13.62)
LCH lch(29.73, 13.77, 278.3°)
XYZ xyz(6, 6.13, 10.76)
OKLab oklab(0.3949, -0.0022, -0.0376)
Accessibility (WCAG 2.1)
Aa
On White
9.44:1
AAA Pass
Aa
On Black
2.23:1
Fail
Aa
White on Color
9.44: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
#5C533D
Complementary
of Dark Slate Gray
#433D5C
Analogous
of Dark Slate Gray
#3D565C
Analogous
of Dark Slate Gray
#5C6A8A
Lighter Tint
of Dark Slate Gray
#8591AD
Lighter Tint
of Dark Slate Gray
#B3BACC
Lighter Tint
of Dark Slate Gray
#1F232E
Darker Shade
of Dark Slate Gray
#0A0C0F
Darker Shade
of Dark Slate Gray
#0A0C0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#51545A
Dark Slate Gray
8.0% Gray
Web Formats
HEX #51545A
RGB 81,84,90
HSL hsl(220, 5%, 34%)
HWB hwb(220, 32%, 65%)
Print & Design
CMYK cmyk(10%, 7%, 0%, 65%)
HSV hsv(220, 10%, 35%)
Perceptual (Color Science)
LAB lab(35.65, 0.16, -3.9)
LCH lch(35.65, 3.9, 272.3°)
XYZ xyz(8.41, 8.83, 10.93)
OKLab oklab(0.4453, -0.001, -0.0105)
Accessibility (WCAG 2.1)
Aa
On White
7.59:1
AAA Pass
Aa
On Black
2.77:1
Fail
Aa
White on Color
7.59:1
AAA Pass
Aa
Black on Color
2.77:1
Fail
8.8%
Relative Luminance
0.0883
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
#5B5852
Complementary
of Dark Slate Gray
#54525B
Analogous
of Dark Slate Gray
#525A5B
Analogous
of Dark Slate Gray
#777B83
Lighter Tint
of Dark Slate Gray
#9FA2A8
Lighter Tint
of Dark Slate Gray
#C7C9CC
Lighter Tint
of Dark Slate Gray
#2E3033
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