Automotive Colors

Color Palette • View 3

Sada — Hubless Foldable Bike

B2ACA1
Copy As
HEX#B2ACA1
RGBrgb(178,172,161)
HSLhsl(39, 10%, 66%)
CMYKcmyk(0%, 3%, 10%, 30%)
Download
SVG PNG
9F958A
Copy As
HEX#9F958A
RGBrgb(159,149,138)
HSLhsl(31, 10%, 58%)
CMYKcmyk(0%, 6%, 13%, 38%)
Download
SVG PNG
BFBDB5
Copy As
HEX#BFBDB5
RGBrgb(191,189,181)
HSLhsl(48, 7%, 73%)
CMYKcmyk(0%, 1%, 5%, 25%)
Download
SVG PNG
857C75
Copy As
HEX#857C75
RGBrgb(133,124,117)
HSLhsl(26, 6%, 49%)
CMYKcmyk(0%, 7%, 12%, 48%)
Download
SVG PNG
CACDD0
Copy As
HEX#CACDD0
RGBrgb(202,205,208)
HSLhsl(210, 6%, 80%)
CMYKcmyk(3%, 1%, 0%, 18%)
Download
SVG PNG
655D59
Copy As
HEX#655D59
RGBrgb(101,93,89)
HSLhsl(20, 6%, 37%)
CMYKcmyk(0%, 8%, 12%, 60%)
Download
SVG PNG
DDE4E9
Copy As
HEX#DDE4E9
RGBrgb(221,228,233)
HSLhsl(205, 21%, 89%)
CMYKcmyk(5%, 2%, 0%, 9%)
Download
SVG PNG
514B48
Copy As
HEX#514B48
RGBrgb(81,75,72)
HSLhsl(20, 6%, 30%)
CMYKcmyk(0%, 7%, 11%, 68%)
Download
SVG PNG
#B2ACA1
#9F958A
#BFBDB5
#857C75
#CACDD0
#655D59
#DDE4E9
#514B48
Sada - View 3 View 3
Palette extracted from this image

This palette is from

Sada

Hubless Foldable Bike

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#B2ACA1
Dark Gray
39.9% Gray
Web Formats
HEX#B2ACA1
RGB178,172,161
HSLhsl(39, 10%, 66%)
HWBhwb(39, 63%, 30%)
Print & Design
CMYKcmyk(0%, 3%, 10%, 30%)
HSVhsv(39, 10%, 70%)
Perceptual (Color Science)
LABlab(70.56, 0.19, 6.42)
LCHlch(70.56, 6.42, 88.3°)
XYZxyz(39.54, 41.54, 39.65)
OKLaboklab(0.7463, 0.0021, 0.0168)
Accessibility (WCAG 2.1)
Aa
On White
2.26:1
Fail
Aa
On Black
9.31:1
AAA Pass
Aa
White on Color
2.26:1
Fail
Aa
Black on Color
9.31:1
AAA Pass
41.5%
Relative Luminance
0.4154
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
#A0A6B1
Complementary
of Dark Gray
#AEB1A0
Analogous
of Dark Gray
#B1A2A0
Analogous
of Dark Gray
#D3D0CA
Lighter Tint
of Dark Gray
#F4F3F1
Lighter Tint
of Dark Gray
#F4F3F1
Lighter Tint
of Dark Gray
#8F8676
Darker Shade
of Dark Gray
#655F53
Darker Shade
of Dark Gray
#3B3730
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#9F958A
Rosy Brown
21.4% Brown
Web Formats
HEX#9F958A
RGB159,149,138
HSLhsl(31, 10%, 58%)
HWBhwb(31, 54%, 38%)
Print & Design
CMYKcmyk(0%, 6%, 13%, 38%)
HSVhsv(31, 13%, 62%)
Perceptual (Color Science)
LABlab(62.25, 1.73, 7.13)
LCHlch(62.25, 7.34, 76.3°)
XYZxyz(29.63, 30.7, 28.4)
OKLaboklab(0.6753, 0.0067, 0.0186)
Accessibility (WCAG 2.1)
Aa
On White
2.94:1
Fail
Aa
On Black
7.14:1
AAA Pass
Aa
White on Color
2.94:1
Fail
Aa
Black on Color
7.14:1
AAA Pass
30.7%
Relative Luminance
0.3070
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
#89949F
Complementary
of Rosy Brown
#9E9F89
Analogous
of Rosy Brown
#9F8A89
Analogous
of Rosy Brown
#C1BAB3
Lighter Tint
of Rosy Brown
#E3E1DD
Lighter Tint
of Rosy Brown
#F4F2F1
Lighter Tint
of Rosy Brown
#796E63
Darker Shade
of Rosy Brown
#4F4840
Darker Shade
of Rosy Brown
#24211E
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue
#BFBDB5
Silver
12.4% Gray
Web Formats
HEX#BFBDB5
RGB191,189,181
HSLhsl(48, 7%, 73%)
HWBhwb(48, 71%, 25%)
Print & Design
CMYKcmyk(0%, 1%, 5%, 25%)
HSVhsv(48, 5%, 75%)
Perceptual (Color Science)
LABlab(76.56, -0.74, 4.28)
LCHlch(76.56, 4.35, 99.8°)
XYZxyz(48.02, 50.81, 50.98)
OKLaboklab(0.7977, -0.001, 0.0113)
Accessibility (WCAG 2.1)
Aa
On White
1.88:1
Fail
Aa
On Black
11.16:1
AAA Pass
Aa
White on Color
1.88:1
Fail
Aa
Black on Color
11.16:1
AAA Pass
50.8%
Relative Luminance
0.5081
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
#B5B7BF
Complementary
of Silver
#BCBFB5
Analogous
of Silver
#BFB8B5
Analogous
of Silver
#E3E2DE
Lighter Tint
of Silver
#F3F3F1
Lighter Tint
of Silver
#F3F3F1
Lighter Tint
of Silver
#9B988C
Darker Shade
of Silver
#757266
Darker Shade
of Silver
#4C4A42
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#857C75
Gray
7.9% Gray
Web Formats
HEX#857C75
RGB133,124,117
HSLhsl(26, 6%, 49%)
HWBhwb(26, 46%, 48%)
Print & Design
CMYKcmyk(0%, 7%, 12%, 48%)
HSVhsv(26, 12%, 52%)
Perceptual (Color Science)
LABlab(52.6, 2.14, 5.05)
LCHlch(52.6, 5.48, 67.1°)
XYZxyz(20.09, 20.69, 19.76)
OKLaboklab(0.5922, 0.0075, 0.0133)
Accessibility (WCAG 2.1)
Aa
On White
4.09:1
Large Only
Aa
On Black
5.14:1
AA Pass
Aa
White on Color
4.09:1
Large Only
Aa
Black on Color
5.14:1
AA Pass
20.7%
Relative Luminance
0.2069
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
#757E84
Complementary
of Gray
#848375
Analogous
of Gray
#847576
Analogous
of Gray
#A9A29E
Lighter Tint
of Gray
#CDC9C6
Lighter Tint
of Gray
#F1F0EF
Lighter Tint
of Gray
#5C5651
Darker Shade
of Gray
#33302E
Darker Shade
of Gray
#0E0D0C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#CACDD0
Light Gray
5.4% Gray
Web Formats
HEX#CACDD0
RGB202,205,208
HSLhsl(210, 6%, 80%)
HWBhwb(210, 79%, 18%)
Print & Design
CMYKcmyk(3%, 1%, 0%, 18%)
HSVhsv(210, 3%, 82%)
Perceptual (Color Science)
LABlab(82.26, -0.47, -1.85)
LCHlch(82.26, 1.91, 255.8°)
XYZxyz(57.57, 60.77, 68.36)
OKLaboklab(0.8469, -0.002, -0.0049)
Accessibility (WCAG 2.1)
Aa
On White
1.60:1
Fail
Aa
On Black
13.15:1
AAA Pass
Aa
White on Color
1.60:1
Fail
Aa
Black on Color
13.15:1
AAA Pass
60.8%
Relative Luminance
0.6077
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
#CFCCC9
Complementary
of Light Gray
#C9C9CF
Analogous
of Light Gray
#C9CFCF
Analogous
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#A0A6AB
Darker Shade
of Light Gray
#788087
Darker Shade
of Light Gray
#54595F
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#655D59
Dim Gray
5.1% Gray
Web Formats
HEX#655D59
RGB101,93,89
HSLhsl(20, 6%, 37%)
HWBhwb(20, 35%, 60%)
Print & Design
CMYKcmyk(0%, 8%, 12%, 60%)
HSVhsv(20, 12%, 40%)
Perceptual (Color Science)
LABlab(40.11, 2.43, 3.45)
LCHlch(40.11, 4.22, 54.8°)
XYZxyz(11.08, 11.32, 11.05)
OKLaboklab(0.4846, 0.0081, 0.0091)
Accessibility (WCAG 2.1)
Aa
On White
6.44:1
AA Pass
Aa
On Black
3.26:1
Large Only
Aa
White on Color
6.44:1
AA Pass
Aa
Black on Color
3.26:1
Large Only
11.3%
Relative Luminance
0.1132
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
#596064
Complementary
of Dim Gray
#646259
Analogous
of Dim Gray
#64595B
Analogous
of Dim Gray
#8C827D
Lighter Tint
of Dim Gray
#B0A9A6
Lighter Tint
of Dim Gray
#D4D0CE
Lighter Tint
of Dim Gray
#3B3735
Darker Shade
of Dim Gray
#131111
Darker Shade
of Dim Gray
#0E0C0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#DDE4E9
Gainsboro
5.2% Gray
Web Formats
HEX#DDE4E9
RGB221,228,233
HSLhsl(205, 21%, 89%)
HWBhwb(205, 87%, 9%)
Print & Design
CMYKcmyk(5%, 2%, 0%, 9%)
HSVhsv(205, 5%, 91%)
Perceptual (Color Science)
LABlab(90.2, -1.41, -3.25)
LCHlch(90.2, 3.54, 246.5°)
XYZxyz(72.27, 76.74, 88.08)
OKLaboklab(0.915, -0.0053, -0.0087)
Accessibility (WCAG 2.1)
Aa
On White
1.28:1
Fail
Aa
On Black
16.35:1
AAA Pass
Aa
White on Color
1.28:1
Fail
Aa
Black on Color
16.35:1
AAA Pass
76.7%
Relative Luminance
0.7674
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
#E9E2DD
Complementary
of Gainsboro
#DDDEE9
Analogous
of Gainsboro
#DDE9E8
Analogous
of Gainsboro
#F0F3F5
Lighter Tint
of Gainsboro
#F0F3F5
Lighter Tint
of Gainsboro
#F0F3F5
Lighter Tint
of Gainsboro
#AFBFCB
Darker Shade
of Gainsboro
#809AAC
Darker Shade
of Gainsboro
#597488
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#514B48
Dark Slate Gray
2.7% Gray
Web Formats
HEX#514B48
RGB81,75,72
HSLhsl(20, 6%, 30%)
HWBhwb(20, 28%, 68%)
Print & Design
CMYKcmyk(0%, 7%, 11%, 68%)
HSVhsv(20, 11%, 32%)
Perceptual (Color Science)
LABlab(32.37, 1.89, 2.68)
LCHlch(32.37, 3.28, 54.9°)
XYZxyz(7.08, 7.25, 7.16)
OKLaboklab(0.4177, 0.0063, 0.0071)
Accessibility (WCAG 2.1)
Aa
On White
8.57:1
AAA Pass
Aa
On Black
2.45:1
Fail
Aa
White on Color
8.57:1
AAA Pass
Aa
Black on Color
2.45:1
Fail
7.3%
Relative Luminance
0.0725
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
#484E51
Complementary
of Dark Slate Gray
#515048
Analogous
of Dark Slate Gray
#514849
Analogous
of Dark Slate Gray
#7A706C
Lighter Tint
of Dark Slate Gray
#9F9793
Lighter Tint
of Dark Slate Gray
#C3BEBB
Lighter Tint
of Dark Slate Gray
#292524
Darker Shade
of Dark Slate Gray
#0E0C0C
Darker Shade
of Dark Slate Gray
#0E0C0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue