Joy Colors (Image 3) | Color Chips
Color Chips

Color Palette • View 3

Joy — Barware Series

B5A8A6
Copy As
HEX #B5A8A6
RGB rgb(181,168,166)
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
9B8C88
Copy As
HEX #9B8C88
RGB rgb(155,140,136)
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
8A7872
Copy As
HEX #8A7872
RGB rgb(138,120,114)
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
81695B
Copy As
HEX #81695B
RGB rgb(129,105,91)
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
C7BBBA
Copy As
HEX #C7BBBA
RGB rgb(199,187,186)
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
E0D6D8
Copy As
HEX #E0D6D8
RGB rgb(224,214,216)
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
A69A98
Copy As
HEX #A69A98
RGB rgb(166,154,152)
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
6E5442
Copy As
HEX #6E5442
RGB rgb(110,84,66)
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
#B5A8A6
#9B8C88
#8A7872
#81695B
#C7BBBA
#E0D6D8
#A69A98
#6E5442
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.
#B5A8A6
Dark Gray
19.8% Gray
Web Formats
HEX #B5A8A6
RGB 181,168,166
HSL hsl(8, 9%, 68%)
HWB hwb(8, 65%, 29%)
Print & Design
CMYK cmyk(0%, 7%, 8%, 29%)
HSV hsv(8, 8%, 71%)
Perceptual (Color Science)
LAB lab(69.88, 4.33, 2.72)
LCH lch(69.88, 5.11, 32.1°)
XYZ xyz(39.94, 40.58, 41.8)
OKLab oklab(0.742, 0.0136, 0.0072)
Accessibility (WCAG 2.1)
Aa
On White
2.30:1
Fail
Aa
On Black
9.12:1
AAA Pass
Aa
White on Color
2.30:1
Fail
Aa
Black on Color
9.12:1
AAA Pass
40.6%
Relative Luminance
0.4058
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
#A6B3B5
Complementary
of Dark Gray
#B5AFA6
Analogous
of Dark Gray
#B5A6AB
Analogous
of Dark Gray
#D8D1D0
Lighter Tint
of Dark Gray
#F3F1F1
Lighter Tint
of Dark Gray
#F3F1F1
Lighter Tint
of Dark Gray
#927F7C
Darker Shade
of Dark Gray
#6A5B58
Darker Shade
of Dark Gray
#403735
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#9B8C88
Gray
19.1% Gray
Web Formats
HEX #9B8C88
RGB 155,140,136
HSL hsl(13, 9%, 57%)
HWB hwb(13, 53%, 39%)
Print & Design
CMYK cmyk(0%, 10%, 12%, 39%)
HSV hsv(13, 12%, 61%)
Perceptual (Color Science)
LAB lab(59.44, 4.9, 4.17)
LCH lch(59.44, 6.43, 40.4°)
XYZ xyz(27.34, 27.5, 27.16)
OKLab oklab(0.6522, 0.0155, 0.011)
Accessibility (WCAG 2.1)
Aa
On White
3.23:1
Large Only
Aa
On Black
6.50:1
AA Pass
Aa
White on Color
3.23:1
Large Only
Aa
Black on Color
6.50:1
AA Pass
27.5%
Relative Luminance
0.2750
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
#87979B
Complementary
of Gray
#9B9687
Analogous
of Gray
#9B878D
Analogous
of Gray
#BEB4B1
Lighter Tint
of Gray
#E1DCDB
Lighter Tint
of Gray
#F3F2F1
Lighter Tint
of Gray
#756661
Darker Shade
of Gray
#4B413F
Darker Shade
of Gray
#211D1C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#8A7872
Gray
16.1% Gray
Web Formats
HEX #8A7872
RGB 138,120,114
HSL hsl(15, 10%, 49%)
HWB hwb(15, 45%, 46%)
Print & Design
CMYK cmyk(0%, 13%, 17%, 46%)
HSV hsv(15, 17%, 54%)
Perceptual (Color Science)
LAB lab(51.9, 5.9, 5.85)
LCH lch(51.9, 8.31, 44.7°)
XYZ xyz(20.23, 20.05, 18.72)
OKLab oklab(0.5875, 0.0187, 0.0154)
Accessibility (WCAG 2.1)
Aa
On White
4.19:1
Large Only
Aa
On Black
5.01:1
AA Pass
Aa
White on Color
4.19:1
Large Only
Aa
Black on Color
5.01:1
AA Pass
20.1%
Relative Luminance
0.2005
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
#708389
Complementary
of Gray
#898370
Analogous
of Gray
#897077
Analogous
of Gray
#AC9F9A
Lighter Tint
of Gray
#CFC7C4
Lighter Tint
of Gray
#F1EFEE
Lighter Tint
of Gray
#5F524E
Darker Shade
of Gray
#352E2C
Darker Shade
of Gray
#0E0C0B
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#81695B
Dim Gray
14.3% Gray
Web Formats
HEX #81695B
RGB 129,105,91
HSL hsl(22, 17%, 43%)
HWB hwb(22, 36%, 49%)
Print & Design
CMYK cmyk(0%, 19%, 29%, 49%)
HSV hsv(22, 29%, 51%)
Perceptual (Color Science)
LAB lab(46.35, 7.3, 11.47)
LCH lch(46.35, 13.6, 57.5°)
XYZ xyz(15.99, 15.53, 12.05)
OKLab oklab(0.5402, 0.0231, 0.0295)
Accessibility (WCAG 2.1)
Aa
On White
5.12:1
AA Pass
Aa
On Black
4.11:1
Large Only
Aa
White on Color
5.12:1
AA Pass
Aa
Black on Color
4.11:1
Large Only
15.5%
Relative Luminance
0.1553
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
#5B7380
Complementary
of Dim Gray
#807B5B
Analogous
of Dim Gray
#805B60
Analogous
of Dim Gray
#A68F82
Lighter Tint
of Dim Gray
#C6B7AE
Lighter Tint
of Dim Gray
#E6DFDB
Lighter Tint
of Dim Gray
#54443B
Darker Shade
of Dim Gray
#27201C
Darker Shade
of Dim Gray
#0F0C0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#C7BBBA
Silver
12.8% Gray
Web Formats
HEX #C7BBBA
RGB 199,187,186
HSL hsl(5, 10%, 75%)
HWB hwb(5, 73%, 22%)
Print & Design
CMYK cmyk(0%, 6%, 7%, 22%)
HSV hsv(5, 7%, 78%)
Perceptual (Color Science)
LAB lab(76.82, 4.05, 2.02)
LCH lch(76.82, 4.53, 26.5°)
XYZ xyz(50.19, 51.23, 53.69)
OKLab oklab(0.8017, 0.0126, 0.0054)
Accessibility (WCAG 2.1)
Aa
On White
1.87:1
Fail
Aa
On Black
11.25:1
AAA Pass
Aa
White on Color
1.87:1
Fail
Aa
Black on Color
11.25:1
AAA Pass
51.2%
Relative Luminance
0.5123
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
#B9C5C6
Complementary
of Silver
#C6C0B9
Analogous
of Silver
#C6B9BE
Analogous
of Silver
#E8E3E3
Lighter Tint
of Silver
#F4F1F1
Lighter Tint
of Silver
#F4F1F1
Lighter Tint
of Silver
#A3918F
Darker Shade
of Silver
#7E6967
Darker Shade
of Silver
#544645
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#E0D6D8
Gainsboro
7.4% Gray
Web Formats
HEX #E0D6D8
RGB 224,214,216
HSL hsl(348, 14%, 86%)
HWB hwb(348, 84%, 12%)
Print & Design
CMYK cmyk(0%, 4%, 4%, 12%)
HSV hsv(348, 4%, 88%)
Perceptual (Color Science)
LAB lab(86.45, 3.77, 0.24)
LCH lch(86.45, 3.78, 3.7°)
XYZ xyz(67.18, 68.9, 74.71)
OKLab oklab(0.8847, 0.0113, 0.0007)
Accessibility (WCAG 2.1)
Aa
On White
1.42:1
Fail
Aa
On Black
14.78:1
AAA Pass
Aa
White on Color
1.42:1
Fail
Aa
Black on Color
14.78:1
AAA Pass
68.9%
Relative Luminance
0.6890
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
#D6E0DE
Complementary
of Gainsboro
#E0D9D6
Analogous
of Gainsboro
#E0D6DD
Analogous
of Gainsboro
#F4F0F1
Lighter Tint
of Gainsboro
#F4F0F1
Lighter Tint
of Gainsboro
#F4F0F1
Lighter Tint
of Gainsboro
#BFABAF
Darker Shade
of Gainsboro
#9F7F85
Darker Shade
of Gainsboro
#775A60
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#A69A98
Dark Gray
6.6% Gray
Web Formats
HEX #A69A98
RGB 166,154,152
HSL hsl(9, 7%, 62%)
HWB hwb(9, 60%, 35%)
Print & Design
CMYK cmyk(0%, 7%, 8%, 35%)
HSV hsv(9, 8%, 65%)
Perceptual (Color Science)
LAB lab(64.55, 4.03, 2.63)
LCH lch(64.55, 4.81, 33.1°)
XYZ xyz(32.95, 33.49, 34.43)
OKLab oklab(0.6959, 0.0127, 0.007)
Accessibility (WCAG 2.1)
Aa
On White
2.73:1
Fail
Aa
On Black
7.70:1
AAA Pass
Aa
White on Color
2.73:1
Fail
Aa
Black on Color
7.70:1
AAA Pass
33.5%
Relative Luminance
0.3349
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
#97A3A5
Complementary
of Dark Gray
#A5A097
Analogous
of Dark Gray
#A5979C
Analogous
of Dark Gray
#C8C1C0
Lighter Tint
of Dark Gray
#ECEAE9
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#80726F
Darker Shade
of Dark Gray
#574E4C
Darker Shade
of Dark Gray
#2E2928
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#6E5442
Dark Olive Green
4.0% Green
Web Formats
HEX #6E5442
RGB 110,84,66
HSL hsl(25, 25%, 35%)
HWB hwb(25, 26%, 57%)
Print & Design
CMYK cmyk(0%, 24%, 40%, 57%)
HSV hsv(25, 40%, 43%)
Perceptual (Color Science)
LAB lab(37.93, 8.09, 14.68)
LCH lch(37.93, 16.76, 61.1°)
XYZ xyz(10.58, 10.05, 6.54)
OKLab oklab(0.468, 0.0248, 0.0369)
Accessibility (WCAG 2.1)
Aa
On White
6.98:1
AA Pass
Aa
On Black
3.01:1
Large Only
Aa
White on Color
6.98:1
AA Pass
Aa
Black on Color
3.01:1
Large Only
10.1%
Relative Luminance
0.1005
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
#435D70
Complementary
of Dark Olive Green
#706C43
Analogous
of Dark Olive Green
#704347
Analogous
of Dark Olive Green
#9F7A60
Lighter Tint
of Dark Olive Green
#BCA28F
Lighter Tint
of Dark Olive Green
#D9CABF
Lighter Tint
of Dark Olive Green
#403126
Darker Shade
of Dark Olive Green
#100C0A
Darker Shade
of Dark Olive Green
#100C0A
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue