Joy Colors (Image 2) | Color Chips
Color Chips

Color Palette • View 2

Joy — Barware Series

ADA09D
Copy As
HEX #ADA09D
RGB rgb(173,160,157)
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
BCB2B2
Copy As
HEX #BCB2B2
RGB rgb(188,178,178)
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
CAC2C3
Copy As
HEX #CAC2C3
RGB rgb(202,194,195)
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
9E8D86
Copy As
HEX #9E8D86
RGB rgb(158,141,134)
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
847065
Copy As
HEX #847065
RGB rgb(132,112,101)
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
5C4A3E
Copy As
HEX #5C4A3E
RGB rgb(92,74,62)
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
DCD3D6
Copy As
HEX #DCD3D6
RGB rgb(220,211,214)
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
6C5B50
Copy As
HEX #6C5B50
RGB rgb(108,91,80)
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
#ADA09D
#BCB2B2
#CAC2C3
#9E8D86
#847065
#5C4A3E
#DCD3D6
#6C5B50
Joy

This palette is from

Joy

Barware Series

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#ADA09D
Dark Gray
22.4% Gray
Web Formats
HEX #ADA09D
RGB 173,160,157
HSL hsl(11, 9%, 65%)
HWB hwb(11, 62%, 32%)
Print & Design
CMYK cmyk(0%, 8%, 9%, 32%)
HSV hsv(11, 9%, 68%)
Perceptual (Color Science)
LAB lab(66.87, 4.19, 3.27)
LCH lch(66.87, 5.32, 37.9°)
XYZ xyz(35.89, 36.46, 37.04)
OKLab oklab(0.716, 0.0133, 0.0087)
Accessibility (WCAG 2.1)
Aa
On White
2.53:1
Fail
Aa
On Black
8.29:1
AAA Pass
Aa
White on Color
2.53:1
Fail
Aa
Black on Color
8.29:1
AAA Pass
36.5%
Relative Luminance
0.3646
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
#9EABAE
Complementary
of Dark Gray
#AEA99E
Analogous
of Dark Gray
#AE9EA3
Analogous
of Dark Gray
#D1C9C7
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#8B7874
Darker Shade
of Dark Gray
#615451
Darker Shade
of Dark Gray
#38302E
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#BCB2B2
Silver
22.1% Gray
Web Formats
HEX #BCB2B2
RGB 188,178,178
HSL hsl(0, 7%, 72%)
HWB hwb(0, 70%, 26%)
Print & Design
CMYK cmyk(0%, 5%, 5%, 26%)
HSV hsv(0, 5%, 74%)
Perceptual (Color Science)
LAB lab(73.38, 3.55, 1.27)
LCH lch(73.38, 3.77, 19.7°)
XYZ xyz(44.69, 45.75, 48.59)
OKLab oklab(0.7719, 0.0109, 0.0034)
Accessibility (WCAG 2.1)
Aa
On White
2.07:1
Fail
Aa
On Black
10.15:1
AAA Pass
Aa
White on Color
2.07:1
Fail
Aa
Black on Color
10.15:1
AAA Pass
45.8%
Relative Luminance
0.4575
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
#B3BDBD
Complementary
of Silver
#BDB8B3
Analogous
of Silver
#BDB3B8
Analogous
of Silver
#E0DCDC
Lighter Tint
of Silver
#F3F1F1
Lighter Tint
of Silver
#F3F1F1
Lighter Tint
of Silver
#998A8A
Darker Shade
of Silver
#736464
Darker Shade
of Silver
#4A4040
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#CAC2C3
Silver
17.2% Gray
Web Formats
HEX #CAC2C3
RGB 202,194,195
HSL hsl(353, 7%, 78%)
HWB hwb(353, 76%, 21%)
Print & Design
CMYK cmyk(0%, 4%, 3%, 21%)
HSV hsv(353, 4%, 79%)
Perceptual (Color Science)
LAB lab(79.09, 2.97, 0.49)
LCH lch(79.09, 3.01, 9.5°)
XYZ xyz(53.5, 55.08, 59.43)
OKLab oklab(0.8208, 0.009, 0.0014)
Accessibility (WCAG 2.1)
Aa
On White
1.75:1
Fail
Aa
On Black
12.02:1
AAA Pass
Aa
White on Color
1.75:1
Fail
Aa
Black on Color
12.02:1
AAA Pass
55.1%
Relative Luminance
0.5508
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
#C3CBCA
Complementary
of Silver
#CBC6C3
Analogous
of Silver
#CBC3C8
Analogous
of Silver
#EEECEC
Lighter Tint
of Silver
#F3F1F2
Lighter Tint
of Silver
#F3F1F2
Lighter Tint
of Silver
#A79A9C
Darker Shade
of Silver
#837274
Darker Shade
of Silver
#5A4E50
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#9E8D86
Rosy Brown
12.0% Brown
Web Formats
HEX #9E8D86
RGB 158,141,134
HSL hsl(18, 11%, 57%)
HWB hwb(18, 53%, 38%)
Print & Design
CMYK cmyk(0%, 11%, 15%, 38%)
HSV hsv(18, 15%, 62%)
Perceptual (Color Science)
LAB lab(59.93, 5.14, 6.05)
LCH lch(59.93, 7.94, 49.6°)
XYZ xyz(27.93, 28.04, 26.49)
OKLab oklab(0.6565, 0.0166, 0.0159)
Accessibility (WCAG 2.1)
Aa
On White
3.18:1
Large Only
Aa
On Black
6.61:1
AA Pass
Aa
White on Color
3.18:1
Large Only
Aa
Black on Color
6.61:1
AA Pass
28.0%
Relative Luminance
0.2804
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
#85969D
Complementary
of Rosy Brown
#9D9985
Analogous
of Rosy Brown
#9D858A
Analogous
of Rosy Brown
#BFB4B0
Lighter Tint
of Rosy Brown
#E1DCDA
Lighter Tint
of Rosy Brown
#F4F2F1
Lighter Tint
of Rosy Brown
#77665F
Darker Shade
of Rosy Brown
#4C423D
Darker Shade
of Rosy Brown
#221D1B
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue
#847065
Dim Gray
8.1% Gray
Web Formats
HEX #847065
RGB 132,112,101
HSL hsl(21, 13%, 46%)
HWB hwb(21, 40%, 48%)
Print & Design
CMYK cmyk(0%, 15%, 23%, 48%)
HSV hsv(21, 23%, 52%)
Perceptual (Color Science)
LAB lab(48.8, 5.99, 9.02)
LCH lch(48.8, 10.83, 56.4°)
XYZ xyz(17.66, 17.43, 14.74)
OKLab oklab(0.5609, 0.0193, 0.0234)
Accessibility (WCAG 2.1)
Aa
On White
4.68:1
AA Pass
Aa
On Black
4.49:1
Large Only
Aa
White on Color
4.68:1
AA Pass
Aa
Black on Color
4.49:1
Large Only
17.4%
Relative Luminance
0.1743
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
#667A85
Complementary
of Dim Gray
#858066
Analogous
of Dim Gray
#85666B
Analogous
of Dim Gray
#A8988F
Lighter Tint
of Dim Gray
#CABFBA
Lighter Tint
of Dim Gray
#EBE7E5
Lighter Tint
of Dim Gray
#594C45
Darker Shade
of Dim Gray
#2E2723
Darker Shade
of Dim Gray
#0E0C0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#5C4A3E
Dark Olive Green
6.4% Green
Web Formats
HEX #5C4A3E
RGB 92,74,62
HSL hsl(24, 19%, 30%)
HWB hwb(24, 24%, 64%)
Print & Design
CMYK cmyk(0%, 20%, 33%, 64%)
HSV hsv(24, 33%, 36%)
Perceptual (Color Science)
LAB lab(32.96, 5.59, 10.04)
LCH lch(32.96, 11.49, 60.9°)
XYZ xyz(7.73, 7.52, 5.6)
OKLab oklab(0.4242, 0.0177, 0.0257)
Accessibility (WCAG 2.1)
Aa
On White
8.39:1
AAA Pass
Aa
On Black
2.50:1
Fail
Aa
White on Color
8.39:1
AAA Pass
Aa
Black on Color
2.50:1
Fail
7.5%
Relative Luminance
0.0752
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
#3E4F5B
Complementary
of Dark Olive Green
#5B583E
Analogous
of Dark Olive Green
#5B3E41
Analogous
of Dark Olive Green
#896E5D
Lighter Tint
of Dark Olive Green
#AC9586
Lighter Tint
of Dark Olive Green
#CBBDB3
Lighter Tint
of Dark Olive Green
#2E251F
Darker Shade
of Dark Olive Green
#0F0C0A
Darker Shade
of Dark Olive Green
#0F0C0A
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#DCD3D6
Light Gray
6.2% Gray
Web Formats
HEX #DCD3D6
RGB 220,211,214
HSL hsl(340, 11%, 85%)
HWB hwb(340, 83%, 14%)
Print & Design
CMYK cmyk(0%, 4%, 3%, 14%)
HSV hsv(340, 4%, 86%)
Perceptual (Color Science)
LAB lab(85.33, 3.62, -0.38)
LCH lch(85.33, 3.64, 354.1°)
XYZ xyz(64.95, 66.66, 73.05)
OKLab oklab(0.8749, 0.0106, -0.0009)
Accessibility (WCAG 2.1)
Aa
On White
1.47:1
Fail
Aa
On Black
14.33:1
AAA Pass
Aa
White on Color
1.47:1
Fail
Aa
Black on Color
14.33:1
AAA Pass
66.7%
Relative Luminance
0.6666
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
#D5DDDA
Complementary
of Light Gray
#DDD6D5
Analogous
of Light Gray
#DDD5DC
Analogous
of Light Gray
#F4F1F2
Lighter Tint
of Light Gray
#F4F1F2
Lighter Tint
of Light Gray
#F4F1F2
Lighter Tint
of Light Gray
#BBAAB0
Darker Shade
of Light Gray
#998088
Darker Shade
of Light Gray
#715B62
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#6C5B50
Dim Gray
5.5% Gray
Web Formats
HEX #6C5B50
RGB 108,91,80
HSL hsl(24, 15%, 37%)
HWB hwb(24, 31%, 58%)
Print & Design
CMYK cmyk(0%, 16%, 26%, 58%)
HSV hsv(24, 26%, 42%)
Perceptual (Color Science)
LAB lab(40, 5.02, 8.91)
LCH lch(40, 10.23, 60.6°)
XYZ xyz(11.37, 11.25, 9.16)
OKLab oklab(0.4846, 0.0162, 0.023)
Accessibility (WCAG 2.1)
Aa
On White
6.46:1
AA Pass
Aa
On Black
3.25:1
Large Only
Aa
White on Color
6.46:1
AA Pass
Aa
Black on Color
3.25:1
Large Only
11.3%
Relative Luminance
0.1125
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
#50616D
Complementary
of Dim Gray
#6D6A50
Analogous
of Dim Gray
#6D5053
Analogous
of Dim Gray
#978172
Lighter Tint
of Dim Gray
#B7A89E
Lighter Tint
of Dim Gray
#D8D0CA
Lighter Tint
of Dim Gray
#413630
Darker Shade
of Dim Gray
#15110F
Darker Shade
of Dim Gray
#0F0C0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue