Jade Villa - View 5 Palette | Architecture Colors
Architecture Colors

Color Palette • View 5

Jade Villa — Three Dimensional Eco-House

12181E
Copy As
HEX #12181E
RGB rgb(18,24,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
2A333D
Copy As
HEX #2A333D
RGB rgb(42,51,61)
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
798AA0
Copy As
HEX #798AA0
RGB rgb(121,138,160)
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
576475
Copy As
HEX #576475
RGB rgb(87,100,117)
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
65758B
Copy As
HEX #65758B
RGB rgb(101,117,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
444E5A
Copy As
HEX #444E5A
RGB rgb(68,78,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
1E282D
Copy As
HEX #1E282D
RGB rgb(30,40,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
A6B0BC
Copy As
HEX #A6B0BC
RGB rgb(166,176,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
#12181E
#2A333D
#798AA0
#576475
#65758B
#444E5A
#1E282D
#A6B0BC
Jade Villa

This palette is from

Jade Villa

Three Dimensional Eco-House

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#12181E
Black
17.8% Black
Web Formats
HEX #12181E
RGB 18,24,30
HSL hsl(210, 25%, 9%)
HWB hwb(210, 7%, 88%)
Print & Design
CMYK cmyk(40%, 20%, 0%, 88%)
HSV hsv(210, 40%, 12%)
Perceptual (Color Science)
LAB lab(7.91, -0.89, -5.12)
LCH lch(7.91, 5.19, 260.1°)
XYZ xyz(0.81, 0.88, 1.35)
OKLab oklab(0.2057, -0.0055, -0.014)
Accessibility (WCAG 2.1)
Aa
On White
17.87:1
AAA Pass
Aa
On Black
1.18:1
Fail
Aa
White on Color
17.87:1
AAA Pass
Aa
Black on Color
1.18:1
Fail
0.9%
Relative Luminance
0.0088
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
#1D1711
Complementary
of Black
#11111D
Analogous
of Black
#111D1D
Analogous
of Black
#2E3D4D
Lighter Tint
of Black
#4B637C
Lighter Tint
of Black
#6C8AA7
Lighter Tint
of Black
#0A0D10
Darker Shade
of Black
#0A0D10
Darker Shade
of Black
#0A0D10
Darker Shade
of Black
Black
Named Color
Discover the Hue
#2A333D
Dark Slate Gray
17.7% Gray
Web Formats
HEX #2A333D
RGB 42,51,61
HSL hsl(212, 18%, 20%)
HWB hwb(212, 16%, 76%)
Print & Design
CMYK cmyk(31%, 16%, 0%, 76%)
HSV hsv(212, 31%, 24%)
Perceptual (Color Science)
LAB lab(20.82, -1.01, -7.54)
LCH lch(20.82, 7.61, 262.4°)
XYZ xyz(2.98, 3.2, 4.87)
OKLab oklab(0.3169, -0.007, -0.0206)
Accessibility (WCAG 2.1)
Aa
On White
12.81:1
AAA Pass
Aa
On Black
1.64:1
Fail
Aa
White on Color
12.81:1
AAA Pass
Aa
Black on Color
1.64:1
Fail
3.2%
Relative Luminance
0.0320
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
#3C342A
Complementary
of Dark Slate Gray
#2A2A3C
Analogous
of Dark Slate Gray
#2A3C3C
Analogous
of Dark Slate Gray
#495869
Lighter Tint
of Dark Slate Gray
#697E96
Lighter Tint
of Dark Slate Gray
#96A5B6
Lighter Tint
of Dark Slate Gray
#0A0D0F
Darker Shade
of Dark Slate Gray
#0A0D0F
Darker Shade
of Dark Slate Gray
#0A0D0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#798AA0
Light Slate Gray
15.5% Gray
Web Formats
HEX #798AA0
RGB 121,138,160
HSL hsl(214, 17%, 55%)
HWB hwb(214, 47%, 37%)
Print & Design
CMYK cmyk(24%, 14%, 0%, 37%)
HSV hsv(214, 24%, 63%)
Perceptual (Color Science)
LAB lab(56.86, -1.05, -13.7)
LCH lch(56.86, 13.74, 265.6°)
XYZ xyz(23.32, 24.78, 36.81)
OKLab oklab(0.6276, -0.01, -0.0374)
Accessibility (WCAG 2.1)
Aa
On White
3.53:1
Large Only
Aa
On Black
5.96:1
AA Pass
Aa
White on Color
3.53:1
Large Only
Aa
Black on Color
5.96:1
AA Pass
24.8%
Relative Luminance
0.2478
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
#A08F79
Complementary
of Light Slate Gray
#7B79A0
Analogous
of Light Slate Gray
#799DA0
Analogous
of Light Slate Gray
#A5B1C0
Lighter Tint
of Light Slate Gray
#D2D8DF
Lighter Tint
of Light Slate Gray
#F0F2F4
Lighter Tint
of Light Slate Gray
#556477
Darker Shade
of Light Slate Gray
#353E4B
Darker Shade
of Light Slate Gray
#15191E
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#576475
Dim Gray
13.4% Gray
Web Formats
HEX #576475
RGB 87,100,117
HSL hsl(214, 15%, 40%)
HWB hwb(214, 34%, 54%)
Print & Design
CMYK cmyk(26%, 15%, 0%, 54%)
HSV hsv(214, 26%, 46%)
Perceptual (Color Science)
LAB lab(41.88, -0.79, -11.19)
LCH lch(41.88, 11.22, 266°)
XYZ xyz(11.7, 12.42, 18.61)
OKLab oklab(0.4986, -0.0081, -0.0305)
Accessibility (WCAG 2.1)
Aa
On White
6.03:1
AA Pass
Aa
On Black
3.48:1
Large Only
Aa
White on Color
6.03:1
AA Pass
Aa
Black on Color
3.48:1
Large Only
12.4%
Relative Luminance
0.1242
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
#756857
Complementary
of Dim Gray
#595775
Analogous
of Dim Gray
#577375
Analogous
of Dim Gray
#7B8A9D
Lighter Tint
of Dim Gray
#A7B1BE
Lighter Tint
of Dim Gray
#D3D8DE
Lighter Tint
of Dim Gray
#363E49
Darker Shade
of Dim Gray
#16191D
Darker Shade
of Dim Gray
#0B0C0F
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#65758B
Slate Gray
13.2% Gray
Web Formats
HEX #65758B
RGB 101,117,139
HSL hsl(215, 16%, 47%)
HWB hwb(215, 40%, 45%)
Print & Design
CMYK cmyk(27%, 16%, 0%, 45%)
HSV hsv(215, 27%, 55%)
Perceptual (Color Science)
LAB lab(48.7, -0.6, -13.95)
LCH lch(48.7, 13.96, 267.5°)
XYZ xyz(16.39, 17.35, 26.91)
OKLab oklab(0.5574, -0.0092, -0.0382)
Accessibility (WCAG 2.1)
Aa
On White
4.70:1
AA Pass
Aa
On Black
4.47:1
Large Only
Aa
White on Color
4.70:1
AA Pass
Aa
Black on Color
4.47:1
Large Only
17.4%
Relative Luminance
0.1735
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
#8B7B65
Complementary
of Slate Gray
#68658B
Analogous
of Slate Gray
#65888B
Analogous
of Slate Gray
#8F9CAE
Lighter Tint
of Slate Gray
#BBC3CE
Lighter Tint
of Slate Gray
#E7EAEE
Lighter Tint
of Slate Gray
#454F5F
Darker Shade
of Slate Gray
#242A32
Darker Shade
of Slate Gray
#0B0C0F
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#444E5A
Dark Slate Gray
11.3% Gray
Web Formats
HEX #444E5A
RGB 68,78,90
HSL hsl(213, 14%, 31%)
HWB hwb(213, 27%, 65%)
Print & Design
CMYK cmyk(24%, 13%, 0%, 65%)
HSV hsv(213, 24%, 35%)
Perceptual (Color Science)
LAB lab(32.74, -0.95, -8.37)
LCH lch(32.74, 8.42, 263.5°)
XYZ xyz(6.95, 7.42, 10.74)
OKLab oklab(0.4197, -0.0069, -0.0228)
Accessibility (WCAG 2.1)
Aa
On White
8.46:1
AAA Pass
Aa
On Black
2.48:1
Fail
Aa
White on Color
8.46:1
AAA Pass
Aa
Black on Color
2.48:1
Fail
7.4%
Relative Luminance
0.0742
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
#5A5044
Complementary
of Dark Slate Gray
#45445A
Analogous
of Dark Slate Gray
#44595A
Analogous
of Dark Slate Gray
#657486
Lighter Tint
of Dark Slate Gray
#8E9AA9
Lighter Tint
of Dark Slate Gray
#B9C1CA
Lighter Tint
of Dark Slate Gray
#23282F
Darker Shade
of Dark Slate Gray
#0B0D0F
Darker Shade
of Dark Slate Gray
#0B0D0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#1E282D
Dark Slate Gray
5.9% Gray
Web Formats
HEX #1E282D
RGB 30,40,45
HSL hsl(200, 20%, 15%)
HWB hwb(200, 12%, 82%)
Print & Design
CMYK cmyk(33%, 11%, 0%, 82%)
HSV hsv(200, 33%, 18%)
Perceptual (Color Science)
LAB lab(15.4, -2.86, -4.7)
LCH lch(15.4, 5.5, 238.7°)
XYZ xyz(1.77, 1.98, 2.77)
OKLab oklab(0.2695, -0.0108, -0.0128)
Accessibility (WCAG 2.1)
Aa
On White
15.04:1
AAA Pass
Aa
On Black
1.40:1
Fail
Aa
White on Color
15.04:1
AAA Pass
Aa
Black on Color
1.40:1
Fail
2.0%
Relative Luminance
0.0198
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
#2E241F
Complementary
of Dark Slate Gray
#1F212E
Analogous
of Dark Slate Gray
#1F2E2B
Analogous
of Dark Slate Gray
#3D525C
Lighter Tint
of Dark Slate Gray
#5C7A8A
Lighter Tint
of Dark Slate Gray
#85A0AD
Lighter Tint
of Dark Slate Gray
#0A0E0F
Darker Shade
of Dark Slate Gray
#0A0E0F
Darker Shade
of Dark Slate Gray
#0A0E0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#A6B0BC
Dark Gray
5.3% Gray
Web Formats
HEX #A6B0BC
RGB 166,176,188
HSL hsl(213, 14%, 69%)
HWB hwb(213, 65%, 26%)
Print & Design
CMYK cmyk(12%, 6%, 0%, 26%)
HSV hsv(213, 12%, 74%)
Perceptual (Color Science)
LAB lab(71.41, -1.06, -7.31)
LCH lch(71.41, 7.39, 261.7°)
XYZ xyz(40.33, 42.79, 53.7)
OKLab oklab(0.7531, -0.006, -0.0197)
Accessibility (WCAG 2.1)
Aa
On White
2.20:1
Fail
Aa
On Black
9.56:1
AAA Pass
Aa
White on Color
2.20:1
Fail
Aa
Black on Color
9.56:1
AAA Pass
42.8%
Relative Luminance
0.4279
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
#BBB1A5
Complementary
of Dark Gray
#A6A5BB
Analogous
of Dark Gray
#A5BABB
Analogous
of Dark Gray
#D0D6DC
Lighter Tint
of Dark Gray
#F0F2F4
Lighter Tint
of Dark Gray
#F0F2F4
Lighter Tint
of Dark Gray
#79889A
Darker Shade
of Dark Gray
#566271
Darker Shade
of Dark Gray
#353C46
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue