Off the Eaten Path Colors (Image 3) | Color Chips
Color Chips

Color Palette • View 3

Off the Eaten Path — Packaging

F1F0F2
Copy As
HEX #F1F0F2
RGB rgb(241,240,242)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
722954
Copy As
HEX #722954
RGB rgb(114,41,84)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
DDDADD
Copy As
HEX #DDDADD
RGB rgb(221,218,221)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
CAC2C6
Copy As
HEX #CAC2C6
RGB rgb(202,194,198)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
AF7594
Copy As
HEX #AF7594
RGB rgb(175,117,148)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
A26183
Copy As
HEX #A26183
RGB rgb(162,97,131)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
BC9C68
Copy As
HEX #BC9C68
RGB rgb(188,156,104)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
B7A9B0
Copy As
HEX #B7A9B0
RGB rgb(183,169,176)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
#F1F0F2
#722954
#DDDADD
#CAC2C6
#AF7594
#A26183
#BC9C68
#B7A9B0
Off the Eaten Path

This palette is from

Off the Eaten Path

Packaging

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#F1F0F2
White Smoke
34.7% White
Web Formats
HEX #F1F0F2
RGB 241,240,242
HSL hsl(270, 7%, 95%)
HWB hwb(270, 94%, 5%)
Print & Design
CMYK cmyk(0%, 1%, 0%, 5%)
HSV hsv(270, 1%, 95%)
Perceptual (Color Science)
LAB lab(94.92, 0.69, -0.85)
LCH lch(94.92, 1.09, 309.1°)
XYZ xyz(83.46, 87.43, 96.47)
OKLab oklab(0.9565, 0.0018, -0.0022)
Accessibility (WCAG 2.1)
Aa
On White
1.14:1
Fail
Aa
On Black
18.49:1
AAA Pass
Aa
White on Color
1.14:1
Fail
Aa
Black on Color
18.49:1
AAA Pass
87.4%
Relative Luminance
0.8743
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
#F2F3F1
Complementary
of White Smoke
#F3F1F3
Analogous
of White Smoke
#F1F1F3
Analogous
of White Smoke
#F2F1F3
Lighter Tint
of White Smoke
#F2F1F3
Lighter Tint
of White Smoke
#F2F1F3
Lighter Tint
of White Smoke
#CCC8D0
Darker Shade
of White Smoke
#A6A0AC
Darker Shade
of White Smoke
#807788
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#722954
Brown
16.2% Brown
Web Formats
HEX #722954
RGB 114,41,84
HSL hsl(325, 47%, 30%)
HWB hwb(325, 16%, 55%)
Print & Design
CMYK cmyk(0%, 64%, 26%, 55%)
HSV hsv(325, 64%, 45%)
Perceptual (Color Science)
LAB lab(28.91, 37.08, -9.73)
LCH lch(28.91, 38.34, 345.3°)
XYZ xyz(9.33, 5.8, 9.01)
OKLab oklab(0.4023, 0.1119, -0.0256)
Accessibility (WCAG 2.1)
Aa
On White
9.72:1
AAA Pass
Aa
On Black
2.16:1
Fail
Aa
White on Color
9.72:1
AAA Pass
Aa
Black on Color
2.16:1
Fail
5.8%
Relative Luminance
0.0580
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
#297047
Complementary
of Brown
#70292F
Analogous
of Brown
#6A2970
Analogous
of Brown
#A93D7C
Lighter Tint
of Brown
#C969A1
Lighter Tint
of Brown
#DDA1C4
Lighter Tint
of Brown
#381429
Darker Shade
of Brown
#13070E
Darker Shade
of Brown
#13070E
Darker Shade
of Brown
Brown
Named Color
Discover the Hue
#DDDADD
Gainsboro
12.3% Gray
Web Formats
HEX #DDDADD
RGB 221,218,221
HSL hsl(300, 4%, 86%)
HWB hwb(300, 85%, 13%)
Print & Design
CMYK cmyk(0%, 1%, 0%, 13%)
HSV hsv(300, 1%, 87%)
Perceptual (Color Science)
LAB lab(87.36, 1.56, -1.11)
LCH lch(87.36, 1.91, 324.5°)
XYZ xyz(67.94, 70.74, 78.47)
OKLab oklab(0.8916, 0.0043, -0.0029)
Accessibility (WCAG 2.1)
Aa
On White
1.39:1
Fail
Aa
On Black
15.15:1
AAA Pass
Aa
White on Color
1.39:1
Fail
Aa
Black on Color
15.15:1
AAA Pass
70.7%
Relative Luminance
0.7074
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
#DADDDA
Complementary
of Gainsboro
#DDDADB
Analogous
of Gainsboro
#DBDADD
Analogous
of Gainsboro
#F3F2F3
Lighter Tint
of Gainsboro
#F3F2F3
Lighter Tint
of Gainsboro
#F3F2F3
Lighter Tint
of Gainsboro
#B8B2B8
Darker Shade
of Gainsboro
#938A93
Darker Shade
of Gainsboro
#6D646D
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#CAC2C6
Silver
9.9% Gray
Web Formats
HEX #CAC2C6
RGB 202,194,198
HSL hsl(330, 7%, 78%)
HWB hwb(330, 76%, 21%)
Print & Design
CMYK cmyk(0%, 4%, 2%, 21%)
HSV hsv(330, 4%, 79%)
Perceptual (Color Science)
LAB lab(79.17, 3.51, -1.01)
LCH lch(79.17, 3.65, 344°)
XYZ xyz(53.84, 55.22, 61.24)
OKLab oklab(0.8217, 0.0101, -0.0026)
Accessibility (WCAG 2.1)
Aa
On White
1.74:1
Fail
Aa
On Black
12.04:1
AAA Pass
Aa
White on Color
1.74:1
Fail
Aa
Black on Color
12.04:1
AAA Pass
55.2%
Relative Luminance
0.5522
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
#C3CBC7
Complementary
of Silver
#CBC3C3
Analogous
of Silver
#CBC3CB
Analogous
of Silver
#EEECED
Lighter Tint
of Silver
#F3F1F2
Lighter Tint
of Silver
#F3F1F2
Lighter Tint
of Silver
#A79AA1
Darker Shade
of Silver
#83727A
Darker Shade
of Silver
#5A4E54
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#AF7594
Rosy Brown
9.5% Brown
Web Formats
HEX #AF7594
RGB 175,117,148
HSL hsl(328, 27%, 57%)
HWB hwb(328, 46%, 31%)
Print & Design
CMYK cmyk(0%, 33%, 15%, 31%)
HSV hsv(328, 33%, 69%)
Perceptual (Color Science)
LAB lab(56.06, 27.47, -7.45)
LCH lch(56.06, 28.47, 344.8°)
XYZ xyz(29.39, 23.98, 31.09)
OKLab oklab(0.632, 0.0811, -0.0195)
Accessibility (WCAG 2.1)
Aa
On White
3.62:1
Large Only
Aa
On Black
5.79:1
AA Pass
Aa
White on Color
3.62:1
Large Only
Aa
Black on Color
5.79:1
AA Pass
24.0%
Relative Luminance
0.2397
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
#74AF8F
Complementary
of Rosy Brown
#AF7476
Analogous
of Rosy Brown
#AD74AF
Analogous
of Rosy Brown
#CBA4B9
Lighter Tint
of Rosy Brown
#E7D5DE
Lighter Tint
of Rosy Brown
#F6EFF2
Lighter Tint
of Rosy Brown
#884E6D
Darker Shade
of Rosy Brown
#573246
Darker Shade
of Rosy Brown
#27161F
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue
#A26183
Gray
6.8% Gray
Web Formats
HEX #A26183
RGB 162,97,131
HSL hsl(329, 26%, 51%)
HWB hwb(329, 38%, 36%)
Print & Design
CMYK cmyk(0%, 40%, 19%, 36%)
HSV hsv(329, 40%, 64%)
Perceptual (Color Science)
LAB lab(49.34, 31.17, -7.64)
LCH lch(49.34, 32.09, 346.2°)
XYZ xyz(23.27, 17.87, 23.69)
OKLab oklab(0.5755, 0.0927, -0.02)
Accessibility (WCAG 2.1)
Aa
On White
4.59:1
AA Pass
Aa
On Black
4.57:1
AA Pass
Aa
White on Color
4.59:1
AA Pass
Aa
Black on Color
4.57:1
AA Pass
17.9%
Relative Luminance
0.1787
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
#62A381
Complementary
of Gray
#A36263
Analogous
of Gray
#A162A3
Analogous
of Gray
#BF92A9
Lighter Tint
of Gray
#DBC2CF
Lighter Tint
of Gray
#F6EFF2
Lighter Tint
of Gray
#74445D
Darker Shade
of Gray
#432836
Darker Shade
of Gray
#130B0F
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#BC9C68
Dark Khaki
5.5% Yellow
Web Formats
HEX #BC9C68
RGB 188,156,104
HSL hsl(37, 39%, 57%)
HWB hwb(37, 41%, 26%)
Print & Design
CMYK cmyk(0%, 17%, 45%, 26%)
HSV hsv(37, 45%, 74%)
Perceptual (Color Science)
LAB lab(66.11, 4.88, 31.62)
LCH lch(66.11, 32, 81.2°)
XYZ xyz(35.13, 35.47, 18.09)
OKLab oklab(0.7097, 0.0149, 0.0774)
Accessibility (WCAG 2.1)
Aa
On White
2.59:1
Fail
Aa
On Black
8.09:1
AAA Pass
Aa
White on Color
2.59:1
Fail
Aa
Black on Color
8.09:1
AAA Pass
35.5%
Relative Luminance
0.3547
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
#6787BC
Complementary
of Dark Khaki
#B2BC67
Analogous
of Dark Khaki
#BC7167
Analogous
of Dark Khaki
#D3BE9C
Lighter Tint
of Dark Khaki
#EBE1D1
Lighter Tint
of Dark Khaki
#F7F3ED
Lighter Tint
of Dark Khaki
#957541
Darker Shade
of Dark Khaki
#604B2A
Darker Shade
of Dark Khaki
#2B2113
Darker Shade
of Dark Khaki
Dark Khaki
Named Color
Discover the Hue
#B7A9B0
Dark Gray
5.1% Gray
Web Formats
HEX #B7A9B0
RGB 183,169,176
HSL hsl(330, 9%, 69%)
HWB hwb(330, 66%, 28%)
Print & Design
CMYK cmyk(0%, 8%, 4%, 28%)
HSV hsv(330, 8%, 72%)
Perceptual (Color Science)
LAB lab(70.58, 6.29, -1.77)
LCH lch(70.58, 6.54, 344.3°)
XYZ xyz(41.55, 41.58, 46.9)
OKLab oklab(0.7488, 0.0182, -0.0046)
Accessibility (WCAG 2.1)
Aa
On White
2.25:1
Fail
Aa
On Black
9.32:1
AAA Pass
Aa
White on Color
2.25:1
Fail
Aa
Black on Color
9.32:1
AAA Pass
41.6%
Relative Luminance
0.4158
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
#A9B7B0
Complementary
of Dark Gray
#B7A9A9
Analogous
of Dark Gray
#B7A9B7
Analogous
of Dark Gray
#DAD3D6
Lighter Tint
of Dark Gray
#F3F1F2
Lighter Tint
of Dark Gray
#F3F1F2
Lighter Tint
of Dark Gray
#947F8A
Darker Shade
of Dark Gray
#6C5A63
Darker Shade
of Dark Gray
#43383D
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue