Palette 2: The Good Cup | Product Design Colors
Product Design Colors

Color Palette • View 2

The Good Cup — Sustainable Packaging

160D0D
Copy As
HEX #160D0D
RGB rgb(22,13,13)
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
D98E60
Copy As
HEX #D98E60
RGB rgb(217,142,96)
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
C77C50
Copy As
HEX #C77C50
RGB rgb(199,124,80)
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
FCFBFB
Copy As
HEX #FCFBFB
RGB rgb(252,251,251)
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
36231D
Copy As
HEX #36231D
RGB rgb(54,35,29)
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
654433
Copy As
HEX #654433
RGB rgb(101,68,51)
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
7E5946
Copy As
HEX #7E5946
RGB rgb(126,89,70)
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
F1E7E2
Copy As
HEX #F1E7E2
RGB rgb(241,231,226)
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
#160D0D
#D98E60
#C77C50
#FCFBFB
#36231D
#654433
#7E5946
#F1E7E2
The Good Cup

This palette is from

The Good Cup

Sustainable Packaging

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#160D0D
Black
19.3% Black
Web Formats
HEX #160D0D
RGB 22,13,13
HSL hsl(0, 26%, 7%)
HWB hwb(0, 5%, 91%)
Print & Design
CMYK cmyk(0%, 41%, 41%, 91%)
HSV hsv(0, 41%, 9%)
Perceptual (Color Science)
LAB lab(4.4, 3.44, 1.21)
LCH lch(4.4, 3.65, 19.4°)
XYZ xyz(0.55, 0.49, 0.45)
OKLab oklab(0.1714, 0.0148, 0.005)
Accessibility (WCAG 2.1)
Aa
On White
19.13:1
AAA Pass
Aa
On Black
1.10:1
Fail
Aa
White on Color
19.13:1
AAA Pass
Aa
Black on Color
1.10:1
Fail
0.5%
Relative Luminance
0.0049
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
#0D1616
Complementary
of Black
#16120D
Analogous
of Black
#160D12
Analogous
of Black
#472A2A
Lighter Tint
of Black
#774646
Lighter Tint
of Black
#A46565
Lighter Tint
of Black
#100909
Darker Shade
of Black
#100909
Darker Shade
of Black
#100909
Darker Shade
of Black
Black
Named Color
Discover the Hue
#D98E60
Dark Salmon
18.1% Orange
Web Formats
HEX #D98E60
RGB 217,142,96
HSL hsl(23, 61%, 61%)
HWB hwb(23, 38%, 15%)
Print & Design
CMYK cmyk(0%, 35%, 56%, 15%)
HSV hsv(23, 56%, 85%)
Perceptual (Color Science)
LAB lab(65.71, 23.76, 36.04)
LCH lch(65.71, 43.17, 56.6°)
XYZ xyz(40.4, 34.95, 15.68)
OKLab oklab(0.7132, 0.0683, 0.0864)
Accessibility (WCAG 2.1)
Aa
On White
2.63:1
Fail
Aa
On Black
7.99:1
AAA Pass
Aa
White on Color
2.63:1
Fail
Aa
Black on Color
7.99:1
AAA Pass
34.9%
Relative Luminance
0.3494
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
#5FAAD8
Complementary
of Dark Salmon
#D8CA5F
Analogous
of Dark Salmon
#D85F6D
Analogous
of Dark Salmon
#E7B99C
Lighter Tint
of Dark Salmon
#F6E5DA
Lighter Tint
of Dark Salmon
#FAF0EA
Lighter Tint
of Dark Salmon
#BD652E
Darker Shade
of Dark Salmon
#7F441F
Darker Shade
of Dark Salmon
#422310
Darker Shade
of Dark Salmon
Dark Salmon
Named Color
Discover the Hue
#C77C50
Peru
16.3% Brown
Web Formats
HEX #C77C50
RGB 199,124,80
HSL hsl(22, 52%, 55%)
HWB hwb(22, 31%, 22%)
Print & Design
CMYK cmyk(0%, 38%, 60%, 22%)
HSV hsv(22, 60%, 78%)
Perceptual (Color Science)
LAB lab(59.1, 24.88, 35.98)
LCH lch(59.1, 43.74, 55.3°)
XYZ xyz(32.21, 27.14, 11.13)
OKLab oklab(0.6567, 0.0708, 0.0852)
Accessibility (WCAG 2.1)
Aa
On White
3.27:1
Large Only
Aa
On Black
6.43:1
AA Pass
Aa
White on Color
3.27:1
Large Only
Aa
Black on Color
6.43:1
AA Pass
27.1%
Relative Luminance
0.2714
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
#519CC8
Complementary
of Peru
#C8B851
Analogous
of Peru
#C85160
Analogous
of Peru
#DAA88B
Lighter Tint
of Peru
#EDD3C5
Lighter Tint
of Peru
#F9F0EC
Lighter Tint
of Peru
#9B5831
Darker Shade
of Peru
#61371F
Darker Shade
of Peru
#27160C
Darker Shade
of Peru
Peru
Named Color
Discover the Hue
#FCFBFB
Snow
14.6% White
Web Formats
HEX #FCFBFB
RGB 252,251,251
HSL hsl(0, 14%, 99%)
HWB hwb(0, 98%, 1%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 1%)
HSV hsv(0, 0%, 99%)
Perceptual (Color Science)
LAB lab(98.69, 0.33, 0.12)
LCH lch(98.69, 0.35, 19.4°)
XYZ xyz(92.05, 96.65, 105.05)
OKLab oklab(0.9888, 0.001, 0.0003)
Accessibility (WCAG 2.1)
Aa
On White
1.03:1
Fail
Aa
On Black
20.33:1
AAA Pass
Aa
White on Color
1.03:1
Fail
Aa
Black on Color
20.33:1
AAA Pass
96.7%
Relative Luminance
0.9665
Very 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
#FCFDFD
Complementary
of Snow
#FDFCFC
Analogous
of Snow
#FDFCFC
Analogous
of Snow
#F4F0F0
Lighter Tint
of Snow
#F4F0F0
Lighter Tint
of Snow
#F4F0F0
Lighter Tint
of Snow
#DCD0D0
Darker Shade
of Snow
#BBA5A5
Darker Shade
of Snow
#9A7979
Darker Shade
of Snow
Snow
Named Color
Discover the Hue
#36231D
Black
9.1% Black
Web Formats
HEX #36231D
RGB 54,35,29
HSL hsl(14, 30%, 16%)
HWB hwb(14, 11%, 79%)
Print & Design
CMYK cmyk(0%, 35%, 46%, 79%)
HSV hsv(14, 46%, 21%)
Perceptual (Color Science)
LAB lab(15.88, 8.14, 7.67)
LCH lch(15.88, 11.19, 43.3°)
XYZ xyz(2.34, 2.08, 1.44)
OKLab oklab(0.2779, 0.0246, 0.0194)
Accessibility (WCAG 2.1)
Aa
On White
14.84:1
AAA Pass
Aa
On Black
1.42:1
Fail
Aa
White on Color
14.84:1
AAA Pass
Aa
Black on Color
1.42:1
Fail
2.1%
Relative Luminance
0.0208
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
#1D2F35
Complementary
of Black
#352F1D
Analogous
of Black
#351D23
Analogous
of Black
#674237
Lighter Tint
of Black
#986352
Lighter Tint
of Black
#B98C7E
Lighter Tint
of Black
#110B09
Darker Shade
of Black
#110B09
Darker Shade
of Black
#110B09
Darker Shade
of Black
Black
Named Color
Discover the Hue
#654433
Saddle Brown
8.1% Brown
Web Formats
HEX #654433
RGB 101,68,51
HSL hsl(20, 33%, 30%)
HWB hwb(20, 20%, 60%)
Print & Design
CMYK cmyk(0%, 33%, 50%, 60%)
HSV hsv(20, 50%, 40%)
Perceptual (Color Science)
LAB lab(32.12, 11.98, 16.01)
LCH lch(32.12, 20, 53.2°)
XYZ xyz(8.03, 7.14, 4.09)
OKLab oklab(0.4194, 0.0356, 0.0396)
Accessibility (WCAG 2.1)
Aa
On White
8.65:1
AAA Pass
Aa
On Black
2.43:1
Fail
Aa
White on Color
8.65:1
AAA Pass
Aa
Black on Color
2.43:1
Fail
7.1%
Relative Luminance
0.0714
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
#335566
Complementary
of Saddle Brown
#665D33
Analogous
of Saddle Brown
#66333C
Analogous
of Saddle Brown
#99664D
Lighter Tint
of Saddle Brown
#BB8E77
Lighter Tint
of Saddle Brown
#D4B8AA
Lighter Tint
of Saddle Brown
#33221A
Darker Shade
of Saddle Brown
#110B09
Darker Shade
of Saddle Brown
#110B09
Darker Shade
of Saddle Brown
Saddle Brown
Named Color
Discover the Hue
#7E5946
Sienna
7.8% Brown
Web Formats
HEX #7E5946
RGB 126,89,70
HSL hsl(20, 29%, 38%)
HWB hwb(20, 27%, 51%)
Print & Design
CMYK cmyk(0%, 29%, 44%, 51%)
HSV hsv(20, 44%, 49%)
Perceptual (Color Science)
LAB lab(41.25, 12.69, 17.04)
LCH lch(41.25, 21.25, 53.3°)
XYZ xyz(13.28, 12.02, 7.41)
OKLab oklab(0.4983, 0.0381, 0.0426)
Accessibility (WCAG 2.1)
Aa
On White
6.17:1
AA Pass
Aa
On Black
3.40:1
Large Only
Aa
White on Color
6.17:1
AA Pass
Aa
Black on Color
3.40:1
Large Only
12.0%
Relative Luminance
0.1202
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
#456A7D
Complementary
of Sienna
#7D7445
Analogous
of Sienna
#7D454E
Analogous
of Sienna
#AA7C64
Lighter Tint
of Sienna
#C5A696
Lighter Tint
of Sienna
#E0CFC7
Lighter Tint
of Sienna
#4C352A
Darker Shade
of Sienna
#1A120E
Darker Shade
of Sienna
#100C09
Darker Shade
of Sienna
Sienna
Named Color
Discover the Hue
#F1E7E2
Antique White
6.7% White
Web Formats
HEX #F1E7E2
RGB 241,231,226
HSL hsl(20, 35%, 92%)
HWB hwb(20, 89%, 5%)
Print & Design
CMYK cmyk(0%, 4%, 6%, 5%)
HSV hsv(20, 6%, 95%)
Perceptual (Color Science)
LAB lab(92.28, 2.53, 3.63)
LCH lch(92.28, 4.43, 55.2°)
XYZ xyz(78.58, 81.34, 83.5)
OKLab oklab(0.9345, 0.0085, 0.0096)
Accessibility (WCAG 2.1)
Aa
On White
1.22:1
Fail
Aa
On Black
17.27:1
AAA Pass
Aa
White on Color
1.22:1
Fail
Aa
Black on Color
17.27:1
AAA Pass
81.3%
Relative Luminance
0.8134
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
#E3EDF2
Complementary
of Antique White
#F2EFE3
Analogous
of Antique White
#F2E3E6
Analogous
of Antique White
#F7F1EE
Lighter Tint
of Antique White
#F7F1EE
Lighter Tint
of Antique White
#F7F1EE
Lighter Tint
of Antique White
#D9BEB0
Darker Shade
of Antique White
#C0937C
Darker Shade
of Antique White
#A26A4E
Darker Shade
of Antique White
Antique White
Named Color
Discover the Hue