Arabica Riyadh Roastery Colors (Image 3) | Color Chips
Color Chips

Color Palette • View 3

Arabica Riyadh Roastery — Cafe

CACAC7
Copy As
HEX #CACAC7
RGB rgb(202,202,199)
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
D9D9D7
Copy As
HEX #D9D9D7
RGB rgb(217,217,215)
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
B4B7B3
Copy As
HEX #B4B7B3
RGB rgb(180,183,179)
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
E8EAE9
Copy As
HEX #E8EAE9
RGB rgb(232,234,233)
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
A1A6A2
Copy As
HEX #A1A6A2
RGB rgb(161,166,162)
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
909791
Copy As
HEX #909791
RGB rgb(144,151,145)
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
976F5D
Copy As
HEX #976F5D
RGB rgb(151,111,93)
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
A67F6D
Copy As
HEX #A67F6D
RGB rgb(166,127,109)
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
#CACAC7
#D9D9D7
#B4B7B3
#E8EAE9
#A1A6A2
#909791
#976F5D
#A67F6D
Arabica Riyadh Roastery

This palette is from

Arabica Riyadh Roastery

Cafe

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#CACAC7
Silver
65.4% Gray
Web Formats
HEX #CACAC7
RGB 202,202,199
HSL hsl(60, 3%, 79%)
HWB hwb(60, 78%, 21%)
Print & Design
CMYK cmyk(0%, 0%, 1%, 21%)
HSV hsv(60, 1%, 79%)
Perceptual (Color Science)
LAB lab(81.25, -0.54, 1.49)
LCH lch(81.25, 1.59, 110°)
XYZ xyz(55.78, 58.92, 62.46)
OKLab oklab(0.8381, -0.0012, 0.0039)
Accessibility (WCAG 2.1)
Aa
On White
1.64:1
Fail
Aa
On Black
12.78:1
AAA Pass
Aa
White on Color
1.64:1
Fail
Aa
Black on Color
12.78:1
AAA Pass
58.9%
Relative Luminance
0.5892
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
#C8C8CB
Complementary
of Silver
#C9CBC8
Analogous
of Silver
#CBC9C8
Analogous
of Silver
#F0F0EF
Lighter Tint
of Silver
#F3F3F2
Lighter Tint
of Silver
#F3F3F2
Lighter Tint
of Silver
#A6A6A0
Darker Shade
of Silver
#818179
Darker Shade
of Silver
#595954
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#D9D9D7
Gainsboro
20.3% Gray
Web Formats
HEX #D9D9D7
RGB 217,217,215
HSL hsl(60, 3%, 85%)
HWB hwb(60, 84%, 15%)
Print & Design
CMYK cmyk(0%, 0%, 1%, 15%)
HSV hsv(60, 1%, 85%)
Perceptual (Color Science)
LAB lab(86.64, -0.36, 0.98)
LCH lch(86.64, 1.05, 110.1°)
XYZ xyz(65.69, 69.28, 74.19)
OKLab oklab(0.8847, -0.0008, 0.0026)
Accessibility (WCAG 2.1)
Aa
On White
1.41:1
Fail
Aa
On Black
14.86:1
AAA Pass
Aa
White on Color
1.41:1
Fail
Aa
Black on Color
14.86:1
AAA Pass
69.3%
Relative Luminance
0.6928
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
#D8D8DA
Complementary
of Gainsboro
#D9DAD8
Analogous
of Gainsboro
#DAD9D8
Analogous
of Gainsboro
#F3F3F2
Lighter Tint
of Gainsboro
#F3F3F2
Lighter Tint
of Gainsboro
#F3F3F2
Lighter Tint
of Gainsboro
#B5B5B0
Darker Shade
of Gainsboro
#909089
Darker Shade
of Gainsboro
#696963
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#B4B7B3
Silver
8.7% Gray
Web Formats
HEX #B4B7B3
RGB 180,183,179
HSL hsl(105, 3%, 71%)
HWB hwb(105, 70%, 28%)
Print & Design
CMYK cmyk(2%, 0%, 2%, 28%)
HSV hsv(105, 2%, 72%)
Perceptual (Color Science)
LAB lab(74.08, -1.8, 1.66)
LCH lch(74.08, 2.45, 137.2°)
XYZ xyz(43.89, 46.82, 49.36)
OKLab oklab(0.7759, -0.0048, 0.0044)
Accessibility (WCAG 2.1)
Aa
On White
2.03:1
Fail
Aa
On Black
10.36:1
AAA Pass
Aa
White on Color
2.03:1
Fail
Aa
Black on Color
10.36:1
AAA Pass
46.8%
Relative Luminance
0.4682
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
#B6B3B7
Complementary
of Silver
#B3B7B4
Analogous
of Silver
#B6B7B3
Analogous
of Silver
#DBDCDA
Lighter Tint
of Silver
#F2F3F2
Lighter Tint
of Silver
#F2F3F2
Lighter Tint
of Silver
#8D928B
Darker Shade
of Silver
#676C65
Darker Shade
of Silver
#414440
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#E8EAE9
Lavender
2.7% Purple
Web Formats
HEX #E8EAE9
RGB 232,234,233
HSL hsl(150, 5%, 91%)
HWB hwb(150, 91%, 8%)
Print & Design
CMYK cmyk(1%, 0%, 0%, 8%)
HSV hsv(150, 1%, 92%)
Perceptual (Color Science)
LAB lab(92.52, -0.85, 0.25)
LCH lch(92.52, 0.88, 163.6°)
XYZ xyz(77.41, 81.88, 88.8)
OKLab oklab(0.9352, -0.0024, 0.0006)
Accessibility (WCAG 2.1)
Aa
On White
1.21:1
Fail
Aa
On Black
17.38:1
AAA Pass
Aa
White on Color
1.21:1
Fail
Aa
Black on Color
17.38:1
AAA Pass
81.9%
Relative Luminance
0.8188
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
#E9E7E8
Complementary
of Lavender
#E7E9E9
Analogous
of Lavender
#E7E9E7
Analogous
of Lavender
#F2F3F2
Lighter Tint
of Lavender
#F2F3F2
Lighter Tint
of Lavender
#F2F3F2
Lighter Tint
of Lavender
#BFC5C2
Darker Shade
of Lavender
#97A19C
Darker Shade
of Lavender
#6F7B75
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#A1A6A2
Dark Gray
1.7% Gray
Web Formats
HEX #A1A6A2
RGB 161,166,162
HSL hsl(132, 3%, 64%)
HWB hwb(132, 63%, 35%)
Print & Design
CMYK cmyk(3%, 0%, 2%, 35%)
HSV hsv(132, 3%, 65%)
Perceptual (Color Science)
LAB lab(67.62, -2.54, 1.45)
LCH lch(67.62, 2.93, 150.3°)
XYZ xyz(34.85, 37.46, 39.57)
OKLab oklab(0.7199, -0.0071, 0.0038)
Accessibility (WCAG 2.1)
Aa
On White
2.47:1
Fail
Aa
On Black
8.49:1
AAA Pass
Aa
White on Color
2.47:1
Fail
Aa
Black on Color
8.49:1
AAA Pass
37.5%
Relative Luminance
0.3746
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
#A6A0A5
Complementary
of Dark Gray
#A0A6A4
Analogous
of Dark Gray
#A2A6A0
Analogous
of Dark Gray
#C8CBC8
Lighter Tint
of Dark Gray
#EFF0EF
Lighter Tint
of Dark Gray
#F2F3F2
Lighter Tint
of Dark Gray
#79817B
Darker Shade
of Dark Gray
#545955
Darker Shade
of Dark Gray
#2F3230
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#909791
Light Slate Gray
0.4% Gray
Web Formats
HEX #909791
RGB 144,151,145
HSL hsl(129, 3%, 58%)
HWB hwb(129, 56%, 41%)
Print & Design
CMYK cmyk(5%, 0%, 4%, 41%)
HSV hsv(129, 5%, 59%)
Perceptual (Color Science)
LAB lab(61.75, -3.7, 2.28)
LCH lch(61.75, 4.35, 148.3°)
XYZ xyz(27.68, 30.11, 31.14)
OKLab oklab(0.6689, -0.0103, 0.006)
Accessibility (WCAG 2.1)
Aa
On White
2.99:1
Fail
Aa
On Black
7.02:1
AAA Pass
Aa
White on Color
2.99:1
Fail
Aa
Black on Color
7.02:1
AAA Pass
30.1%
Relative Luminance
0.3011
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
#979196
Complementary
of Light Slate Gray
#919795
Analogous
of Light Slate Gray
#939791
Analogous
of Light Slate Gray
#B8BCB9
Lighter Tint
of Light Slate Gray
#DFE1E0
Lighter Tint
of Light Slate Gray
#F2F3F2
Lighter Tint
of Light Slate Gray
#6A716B
Darker Shade
of Light Slate Gray
#454A46
Darker Shade
of Light Slate Gray
#202220
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#976F5D
Gray
0.5% Gray
Web Formats
HEX #976F5D
RGB 151,111,93
HSL hsl(19, 24%, 48%)
HWB hwb(19, 36%, 41%)
Print & Design
CMYK cmyk(0%, 26%, 38%, 41%)
HSV hsv(19, 38%, 59%)
Perceptual (Color Science)
LAB lab(50.38, 13.35, 16.23)
LCH lch(50.38, 21.02, 50.6°)
XYZ xyz(20.42, 18.74, 12.9)
OKLab oklab(0.5773, 0.0407, 0.0411)
Accessibility (WCAG 2.1)
Aa
On White
4.42:1
Large Only
Aa
On Black
4.75:1
AA Pass
Aa
White on Color
4.42:1
Large Only
Aa
Black on Color
4.75:1
AA Pass
18.7%
Relative Luminance
0.1874
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
#5D8598
Complementary
of Gray
#988D5D
Analogous
of Gray
#985D68
Analogous
of Gray
#B7988A
Lighter Tint
of Gray
#D4C2B9
Lighter Tint
of Gray
#F1ECE9
Lighter Tint
of Gray
#684D40
Darker Shade
of Gray
#392A23
Darker Shade
of Gray
#100C0A
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#A67F6D
Gray
0.4% Gray
Web Formats
HEX #A67F6D
RGB 166,127,109
HSL hsl(19, 24%, 54%)
HWB hwb(19, 43%, 35%)
Print & Design
CMYK cmyk(0%, 23%, 34%, 35%)
HSV hsv(19, 34%, 65%)
Perceptual (Color Science)
LAB lab(56.48, 12.49, 15.6)
LCH lch(56.48, 19.99, 51.3°)
XYZ xyz(26.08, 24.39, 17.8)
OKLab oklab(0.6295, 0.0385, 0.0398)
Accessibility (WCAG 2.1)
Aa
On White
3.57:1
Large Only
Aa
On Black
5.88:1
AA Pass
Aa
White on Color
3.57:1
Large Only
Aa
Black on Color
5.88:1
AA Pass
24.4%
Relative Luminance
0.2439
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
#6E94A6
Complementary
of Gray
#A69C6E
Analogous
of Gray
#A66E78
Analogous
of Gray
#C3A99D
Lighter Tint
of Gray
#E0D3CC
Lighter Tint
of Gray
#F5F1EF
Lighter Tint
of Gray
#7B5B4C
Darker Shade
of Gray
#4C382F
Darker Shade
of Gray
#1C1511
Darker Shade
of Gray
Gray
Named Color
Discover the Hue