Palette 4: N Plus Magic House | Product Design Colors
Product Design Colors

Color Palette • View 4

N Plus Magic House — Cattery

D6D3CC
Copy As
HEX #D6D3CC
RGB rgb(214,211,204)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
C5C0B6
Copy As
HEX #C5C0B6
RGB rgb(197,192,182)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
8F5F3F
Copy As
HEX #8F5F3F
RGB rgb(143,95,63)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
A0714E
Copy As
HEX #A0714E
RGB rgb(160,113,78)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
585F41
Copy As
HEX #585F41
RGB rgb(88,95,65)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
6B6F54
Copy As
HEX #6B6F54
RGB rgb(107,111,84)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
553425
Copy As
HEX #553425
RGB rgb(85,52,37)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
83806A
Copy As
HEX #83806A
RGB rgb(131,128,106)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
#D6D3CC
#C5C0B6
#8F5F3F
#A0714E
#585F41
#6B6F54
#553425
#83806A
N Plus Magic House

This palette is from

N Plus Magic House

Cattery

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#D6D3CC
Light Gray
37.8% Gray
Web Formats
HEX #D6D3CC
RGB 214,211,204
HSL hsl(42, 11%, 82%)
HWB hwb(42, 80%, 16%)
Print & Design
CMYK cmyk(0%, 1%, 5%, 16%)
HSV hsv(42, 5%, 84%)
Perceptual (Color Science)
LAB lab(84.61, -0.21, 3.82)
LCH lch(84.61, 3.83, 93.1°)
XYZ xyz(61.92, 65.24, 66.45)
OKLab oklab(0.8673, 0.0004, 0.0101)
Accessibility (WCAG 2.1)
Aa
On White
1.49:1
Fail
Aa
On Black
14.05:1
AAA Pass
Aa
White on Color
1.49:1
Fail
Aa
Black on Color
14.05:1
AAA Pass
65.2%
Relative Luminance
0.6524
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
#CCCFD6
Complementary
of Light Gray
#D4D6CC
Analogous
of Light Gray
#D6CECC
Analogous
of Light Gray
#F4F3F1
Lighter Tint
of Light Gray
#F4F3F1
Lighter Tint
of Light Gray
#F4F3F1
Lighter Tint
of Light Gray
#B4AFA2
Darker Shade
of Light Gray
#928A77
Darker Shade
of Light Gray
#696354
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#C5C0B6
Silver
15.6% Gray
Web Formats
HEX #C5C0B6
RGB 197,192,182
HSL hsl(40, 11%, 74%)
HWB hwb(40, 71%, 23%)
Print & Design
CMYK cmyk(0%, 3%, 8%, 23%)
HSV hsv(40, 8%, 77%)
Perceptual (Color Science)
LAB lab(77.84, -0.02, 5.65)
LCH lch(77.84, 5.65, 90.2°)
XYZ xyz(50.32, 52.95, 51.82)
OKLab oklab(0.809, 0.0014, 0.0149)
Accessibility (WCAG 2.1)
Aa
On White
1.81:1
Fail
Aa
On Black
11.59:1
AAA Pass
Aa
White on Color
1.81:1
Fail
Aa
Black on Color
11.59:1
AAA Pass
53.0%
Relative Luminance
0.5295
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
#B5BAC4
Complementary
of Silver
#C2C4B5
Analogous
of Silver
#C4B8B5
Analogous
of Silver
#E6E4E0
Lighter Tint
of Silver
#F4F3F1
Lighter Tint
of Silver
#F4F3F1
Lighter Tint
of Silver
#A29A8B
Darker Shade
of Silver
#7D7464
Darker Shade
of Silver
#524D42
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#8F5F3F
Sienna
9.6% Brown
Web Formats
HEX #8F5F3F
RGB 143,95,63
HSL hsl(24, 39%, 40%)
HWB hwb(24, 25%, 44%)
Print & Design
CMYK cmyk(0%, 34%, 56%, 44%)
HSV hsv(24, 56%, 56%)
Perceptual (Color Science)
LAB lab(44.78, 15.92, 26.15)
LCH lch(44.78, 30.62, 58.7°)
XYZ xyz(16.32, 14.38, 6.62)
OKLab oklab(0.5299, 0.0458, 0.063)
Accessibility (WCAG 2.1)
Aa
On White
5.42:1
AA Pass
Aa
On Black
3.88:1
Large Only
Aa
White on Color
5.42:1
AA Pass
Aa
Black on Color
3.88:1
Large Only
14.4%
Relative Luminance
0.1438
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
#3E6E8E
Complementary
of Sienna
#8E863E
Analogous
of Sienna
#8E3E46
Analogous
of Sienna
#B9835F
Lighter Tint
of Sienna
#D0AD95
Lighter Tint
of Sienna
#E8D6CA
Lighter Tint
of Sienna
#593B27
Darker Shade
of Sienna
#231810
Darker Shade
of Sienna
#120C08
Darker Shade
of Sienna
Sienna
Named Color
Discover the Hue
#A0714E
Sienna
9.3% Brown
Web Formats
HEX #A0714E
RGB 160,113,78
HSL hsl(26, 34%, 47%)
HWB hwb(26, 31%, 37%)
Print & Design
CMYK cmyk(0%, 29%, 51%, 37%)
HSV hsv(26, 51%, 63%)
Perceptual (Color Science)
LAB lab(51.65, 14.36, 26.74)
LCH lch(51.65, 30.36, 61.8°)
XYZ xyz(21.78, 19.84, 9.89)
OKLab oklab(0.5885, 0.0419, 0.0651)
Accessibility (WCAG 2.1)
Aa
On White
4.23:1
Large Only
Aa
On Black
4.97:1
AA Pass
Aa
White on Color
4.23:1
Large Only
Aa
Black on Color
4.97:1
AA Pass
19.8%
Relative Luminance
0.1983
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
#4F7DA1
Complementary
of Sienna
#A19B4F
Analogous
of Sienna
#A14F55
Analogous
of Sienna
#BF9A7D
Lighter Tint
of Sienna
#D8C2B0
Lighter Tint
of Sienna
#F2EAE4
Lighter Tint
of Sienna
#6D4E36
Darker Shade
of Sienna
#3A291D
Darker Shade
of Sienna
#110C08
Darker Shade
of Sienna
Sienna
Named Color
Discover the Hue
#585F41
Dark Olive Green
7.8% Green
Web Formats
HEX #585F41
RGB 88,95,65
HSL hsl(74, 19%, 31%)
HWB hwb(74, 25%, 63%)
Print & Design
CMYK cmyk(7%, 0%, 32%, 63%)
HSV hsv(74, 32%, 37%)
Perceptual (Color Science)
LAB lab(38.97, -8.44, 16.3)
LCH lch(38.97, 18.36, 117.4°)
XYZ xyz(9.07, 10.64, 6.58)
OKLab oklab(0.4709, -0.0226, 0.0409)
Accessibility (WCAG 2.1)
Aa
On White
6.71:1
AA Pass
Aa
On Black
3.13:1
Large Only
Aa
White on Color
6.71:1
AA Pass
Aa
Black on Color
3.13:1
Large Only
10.6%
Relative Luminance
0.1064
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
#47405E
Complementary
of Dark Olive Green
#485E40
Analogous
of Dark Olive Green
#5E5640
Analogous
of Dark Olive Green
#818C5F
Lighter Tint
of Dark Olive Green
#A6AE89
Lighter Tint
of Dark Olive Green
#C8CDB6
Lighter Tint
of Dark Olive Green
#2D3121
Darker Shade
of Dark Olive Green
#0E0F0A
Darker Shade
of Dark Olive Green
#0E0F0A
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#6B6F54
Dim Gray
6.9% Gray
Web Formats
HEX #6B6F54
RGB 107,111,84
HSL hsl(69, 14%, 38%)
HWB hwb(69, 33%, 56%)
Print & Design
CMYK cmyk(4%, 0%, 24%, 56%)
HSV hsv(69, 24%, 44%)
Perceptual (Color Science)
LAB lab(45.82, -6.56, 14.57)
LCH lch(45.82, 15.98, 114.3°)
XYZ xyz(13.35, 15.13, 10.6)
OKLab oklab(0.5306, -0.017, 0.037)
Accessibility (WCAG 2.1)
Aa
On White
5.21:1
AA Pass
Aa
On Black
4.03:1
Large Only
Aa
White on Color
5.21:1
AA Pass
Aa
Black on Color
4.03:1
Large Only
15.1%
Relative Luminance
0.1513
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
#57536E
Complementary
of Dim Gray
#5D6E53
Analogous
of Dim Gray
#6E6553
Analogous
of Dim Gray
#939876
Lighter Tint
of Dim Gray
#B5B9A2
Lighter Tint
of Dim Gray
#D8DACE
Lighter Tint
of Dim Gray
#404332
Darker Shade
of Dim Gray
#161712
Darker Shade
of Dim Gray
#0E0F0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#553425
Saddle Brown
6.9% Brown
Web Formats
HEX #553425
RGB 85,52,37
HSL hsl(19, 39%, 24%)
HWB hwb(19, 15%, 67%)
Print & Design
CMYK cmyk(0%, 39%, 56%, 67%)
HSV hsv(19, 56%, 33%)
Perceptual (Color Science)
LAB lab(25.32, 13, 15.62)
LCH lch(25.32, 20.32, 50.2°)
XYZ xyz(5.31, 4.52, 2.34)
OKLab oklab(0.3611, 0.0381, 0.0381)
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
#254655
Complementary
of Saddle Brown
#554C25
Analogous
of Saddle Brown
#55252E
Analogous
of Saddle Brown
#8A553D
Lighter Tint
of Saddle Brown
#B7795C
Lighter Tint
of Saddle Brown
#CFA591
Lighter Tint
of Saddle Brown
#20140E
Darker Shade
of Saddle Brown
#120B08
Darker Shade
of Saddle Brown
#120B08
Darker Shade
of Saddle Brown
Saddle Brown
Named Color
Discover the Hue
#83806A
Gray
6.1% Gray
Web Formats
HEX #83806A
RGB 131,128,106
HSL hsl(53, 11%, 46%)
HWB hwb(53, 42%, 49%)
Print & Design
CMYK cmyk(0%, 2%, 19%, 49%)
HSV hsv(53, 19%, 51%)
Perceptual (Color Science)
LAB lab(53.28, -2.82, 12.38)
LCH lch(53.28, 12.69, 102.8°)
XYZ xyz(19.68, 21.3, 16.71)
OKLab oklab(0.5963, -0.0061, 0.0318)
Accessibility (WCAG 2.1)
Aa
On White
3.99:1
Large Only
Aa
On Black
5.26:1
AA Pass
Aa
White on Color
3.99:1
Large Only
Aa
Black on Color
5.26:1
AA Pass
21.3%
Relative Luminance
0.2130
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
#686B82
Complementary
of Gray
#788268
Analogous
of Gray
#827268
Analogous
of Gray
#A6A491
Lighter Tint
of Gray
#C9C7BB
Lighter Tint
of Gray
#EBEAE6
Lighter Tint
of Gray
#585646
Darker Shade
of Gray
#2D2C24
Darker Shade
of Gray
#0E0E0B
Darker Shade
of Gray
Gray
Named Color
Discover the Hue